First off, great module! I've found that users have a very hard time with the default repeat options UI. This is a perfect solution.

I just installed the latest update hoping this was fixed based on a conversation in another thread but the ui still seems to be breaking.

Issue illustrated here:
http://screencast.com/t/QDbKY2GaGg

I read in the other thread that this has something to do with a default theme not being loaded with the version of Jquery UI that comes with the latest stable build.

What do you think about making this dependent on another popular UI library?

Maybe something like: http://drupal.org/project/popups

DW

Comments

dwatts3624’s picture

dwatts3624 commented

Actually, I switched to Garland and noticed it isn't just an issue with Rubik.

dwatts3624’s picture

dwatts3624 commented

A bit more info...

Using these versions:

jquery_update: 6.x-2.x-dev
jquery_ui: version 6-x-1.5
JQuery library: 1.7.3

...and adding this to my theme's template.php file:

drupal_add_css('sites/all/libraries/jquery.ui/themes/base/ui.all.css');

I was able to fix the issue (to some extent).

See here: http://screencast.com/t/RZfpGamq359s

If the modal had a slightly larger width; some space was added between the repeats-every and repeats-on fields; and the repeats-on selectors were cleared this would be perfect.

Not sure how much of that is Rubik though.

arcaneadam’s picture

arcaneadam commented
Status: Active » Closed (works as designed)

I've built the module as best as I can to fit themes. Unfortunately I can't and won't build any sort of css styling into it other then basic stuff for layout. That is a themes job. If the theme you are using is breaking this, as Rubik does to many forms, I can't fix that. I also don't want to make it too dependent on other modules. I will research a little into a good way to maybe check for a ui theme being loaded and if not then loading a base theme.

The good news is that it is built in a fashion that allows you to override anything you want in the theme. Just do a theme override on the js or css that is causing your problems. In this case if you'd like the width of the window to be bigger then by all means write a quick js snippet that will do this. I don't set the dialog width when it's init'd b/c I don't want to make assumptions about the end users site (it defaults to 300px). That is a theming decision and as such should be made at the theme level and not in the module.

According to the jquery Ui docs you can set the dialog width after it's been init'd. You would do this in your own js snippet you add in the theme or a custom mod.

Get or set the width option, after init.
//getter
var width = $( ".selector" ).dialog( "option", "width" );
//setter
$( ".selector" ).dialog( "option", "width", 460 );