Questions tagged [jquery-dialog]

a jQuery UI widget to present HTML content in a floating window that contains a title bar and a content area. By default, a dialog window can be moved, resized and closed. Additional functionality like animating the dialog, extending it with more buttons or making the dialog modal can be configured through the widget's API.

A widget to present HTML content in a floating window that contains a title bar and a content area. By default, a dialog window can be moved, resized and closed. Additional functionality like animating the dialog, extending it with more buttons or making the dialog modal can be configured through the widget's API.

488 questions
113
votes
5 answers

jQuery ui dialog change title after load-callback

I like to change the title from an UI Dialog after i have submitted a form in this UI Dialog. So in the callback-function after load i should suggest, but i've tried and googled without result. Has anyone an idea?
Guido Lemmens 2
  • 2,297
  • 5
  • 22
  • 29
69
votes
21 answers

How can I position my jQuery dialog to center?

I have tried following code, but it only positions dialogs left upper corner position to center, and that makes element to be aligned to right. How can I center dialog to real center which counts elements width, so that center line will cut dialog…
newbie
  • 22,918
  • 75
  • 190
  • 297
42
votes
14 answers

Responsive jQuery UI Dialog ( and a fix for maxWidth bug )

With many sites leveraging jQuery UI, there are some major shortcomings that have to be overcome because jQuery UI does not support responsive design and there's a longstanding bug when maxWidth is used in conjunction with width:'auto'. So the…
Jason
  • 7,152
  • 11
  • 70
  • 118
41
votes
14 answers

jQueryUI autocomplete not working with dialog and zIndex

I ran into an interesting issue with jQueryUI autocomplete in a dialog box. My dialog HTML looks like this:
Title:
Francis Lewis
  • 8,302
  • 7
  • 49
  • 60
36
votes
7 answers

Using !important in jQuery's css() function

I have a dialog with an overlay declared like so: .ui-widget-overlay { position: absolute; left: 8px; top: 9px; height: 985px !important; width: 518px !important; } The page I have will have…
Stanley Cup Phil
  • 9,502
  • 27
  • 86
  • 144
24
votes
3 answers

Override jQueryUI dialog default options

I want to be able to create modal dialogs, with, for example close: function() { $(this).remove(); } default option, without need to specify those on dialog creation, but somehow override those parameters on one place. Is this possible?
umpirsky
  • 9,358
  • 12
  • 65
  • 92
14
votes
2 answers

Kendo Grid inside Jquery Dialog with modal Issue

I have a kendo grid control inside jquery dialog. It works fine except when in dialog modal is true, I am not able to work on grid filter. If dialog modal is false, it works perfectly. It is must for me to apply modal true kind of…
Dhwani
  • 6,826
  • 15
  • 71
  • 133
10
votes
3 answers

jQuery UI - Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'

[Solved] I write this script. Unfortunately, jQuery console throw: Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' I use jQuery 1.10.2 and jQuery UI 1.10.4. $(function() { $("#player").on('click',…
jaksa
  • 783
  • 2
  • 6
  • 10
10
votes
3 answers

Show Close Button in Right side of jQuery Dialog

I have created a jQuery Dialog as in this Demo. It is working properly. close button is display in right side in there. but on my site, running on localhost, close button is display in left side as in below image. How can i solve this ? Close…
Bishan
  • 14,035
  • 48
  • 151
  • 235
10
votes
2 answers

How do I reload the page after an AJAX call is done with a dialog?

so I have a dialog UI with a form once a user click on a link it opens. Once they click "Add button" it create a AJAX call that submits the data into the database. What I need to add is reload() function to refresh the page. How can I add the reload…
Mike
  • 2,315
  • 9
  • 40
  • 64
10
votes
2 answers

Javascript not executing when answering a JQuery Dialog Box

I have a dialog box on my page which is made using the JQuery Dialog Widget. I have set up the two buttons to have functions which will click different buttons on the page which will trigger postbacks for the page and do various things. When the…
Beast-a-tron
  • 503
  • 9
  • 26
9
votes
2 answers

MVC C# modal popup

ok so i'm trying to figure out how to properly call a modal popup for my page using Controllers as per this post's suggestion ASP.NET MVC modal dialog/popup best practice and kinda used…
gdubs
  • 2,528
  • 9
  • 46
  • 89
8
votes
2 answers

Modal-dialog won't hide on page load

I am trying to create a modal dialog to just show content (html of some sort or other):