dailog fails in high resolutions

[triplebit]

My site is perfect-rehitim.co.il
I use JQuery Dialog and launch the dialog box by using the left most menu item(The actual use is elsewhere but i use this menu only for debugging).
In resolution of 1280X720 it works fine.
Problem is that when using the buttons with higher vertical resolution like 1280X1024 the bottom buttons, like “Help” don’t work. Instead they tend to jump the view port and the vertical scroll bar down.
Can someone advise please?
Regards
I. Sher

[Mottie]

I think you might be missing the jQuery UI theme css.

I added a basic demo here: http://jsbin.com/nejuxi

It stretches to fit the browser window

[triplebit]

Thnx Mottie
Following your advice I use WordPress and want to use the Google CDN for that. I saw somwhere the following code:
wp_enqueue_style(‘plugin_name-admin-ui-css’,
‘http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/%5Btheme-name%5D/jquery-ui.css’,
false,
PLUGIN_VERSION,
false);
Can you modify it (for instance [theme-name]) for actual use?
Thx

[Mottie]

Check out the jQuery UI blog, they list all the CDNs and every theme available. That page is currently showing the links to v1.11.4, but the themes have been the same name for a very long time.

[triplebit]

Thx Mottie,
Followed your answer I didn’t see the exact syntax for the css, only for js. My questions:
1. Which theme name should I use?
2. Suppose your answer to 1 is “vader”, is the following syntax is correct?
wp_enqueue_style(‘plugin_name-admin-ui-css’,
‘http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/vader/jquery-ui.css’);
Thx

[Mottie]

The theme URLs are all there in that blog post… click on the link if you have to go to the css theme page, or right click on the theme name and “Copy link address”. Then there is no guess work.

[triplebit]

Thx Mottie,
I managed to do it following your explanation. It really shows up that it was missing and now the buttons seems very nice(with any theme name).
Problem is that the dialog box that used to appear on top of the buttons disappeared completely and there no way to reach it.
Can you farther help?
Regards

[triplebit]

Can you try it with Chrome. It works for me

[Author]

Posts