Home > DeveloperSection > Forums > JQuery model dialog position not fixed
Takeshi Okada
Takeshi Okada

Total Post:89

Points:629
Posted on    March-07-2013 11:56 PM

 JavaScript JavaScript 
Ratings:


 1 Reply(s)
 2368  View(s)
Rate this:

Hi Everyone!

I'm working on MVC 4 project. In this project I have used model dialog that provide by MVC 4. This model dialog scroll with screen. I want to fixed model dialog in screen center.

I have used below line of css and jQuery.

 <link href="@Url.Content("~/Content/themes/base/minified/jquery-ui.min.css")" rel="stylesheet" type="text/css" />
 <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
 <script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.min.js")" type="text/javascript"></script>

Please help me!

Thanks in advance!



AVADHESH PATEL

Total Post:604

Points:4228
Posted on    March-09-2013 8:25 AM

Hi Takeshi!

If I'm right, then you are using MVC JQuery and CSS for creating this model popup.
Hence, for fixing position of model popup, open "jquery-ui.min.css" file from Content\themes\base\minified folder and change ".ui-dialog" class position

absolute to fixed as following.

.ui-dialog
{
position: fixed;
}

I hope it resolve your problem.


Don't want to miss updates? Please click the below button!

Follow MindStick