---
title: "JQuery model dialog position not fixed"  
description: "JQuery model dialog position not fixed"  
author: "Takeshi Okada"  
published: 2013-03-07  
updated: 2013-03-09  
canonical: https://www.mindstick.com/forum/629/jquery-model-dialog-position-not-fixed  
category: "javascript"  
tags: ["javascript"]  
reading_time: 1 minute  

---

# JQuery model dialog position not fixed

Hi Everyone!

I'm working on MVC 4 [project](https://www.mindstick.com/articles/105927/how-to-excel-at-managing-multiple-projects). In this project I have used [model](https://yourviews.mindstick.com/view/81334/america-is-reopening-after-corona-lockdown-but-on-swedish-model) [dialog](https://www.mindstick.com/forum/562/jquery-dialog-box-not-closed-in-asp-dot-net-mvc-4) that provide by MVC 4. This model dialog scroll with [screen](https://www.mindstick.com/forum/33644/loading-screen-during-ajax-call). I want to fixed model dialog in screen center.

I have used below line of css and jQuery.

<[link](https://www.mindstick.com/articles/23633/link-builder) href="@Url.[Content](https://www.mindstick.com/articles/13019/get-the-best-content-marketing-pricing-packages-for-your-brand)("~/Content/[themes](https://www.mindstick.com/articles/12368/why-are-html-themes-the-first-selection-of-designers)/base/minified/jquery-ui.min.css")" rel="stylesheet" type="text/css" />\
<[script](https://www.mindstick.com/interview/477/how-can-i-execute-a-php-script-using-command-line) src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/[javascript](https://www.mindstick.com/articles/874/how-to-create-watermark-text-for-textbox-by-using-javascript)"></script>\
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.min.js")" type="text/javascript"></script>

Please help me!

Thanks in [advance](https://www.mindstick.com/blog/33258/jee-mains-and-jee-advance-exams)!

## Replies

### Reply by AVADHESH PATEL

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.


---

Original Source: https://www.mindstick.com/forum/629/jquery-model-dialog-position-not-fixed

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.