selectBoxIt with jQuery Mobile Themeroller

[chopperbilly]

Hi Greg,
If I do the following:

newMenu = $("select#menuSelect1").selectBoxIt({theme:"jquerymobile"}).data("selectBoxIt");

the select box appears to have some theming, but it is not the theme I set in the HTML select box code, e.g.:

var selectMenu1 = '' + 'Select action' .... etc In the (index.html) page, I have: <link rel="stylesheet" href="MadcapMobileThemes3.min.css" type="text/css" /> <link rel="stylesheet" href="jquery.mobile.structure-1.2.0.min.css" type="text/css" /> I would like to be able to use a selected theme from that, e.g. "c" as above; (I actually have a variable there so the user can select a theme.. Any thoughts?

[chopperbilly]

the above seems to have truncated my text it should be var selectMenu1 = '<select name="menuSelect1" id="menuSelect1" data-theme="'c" ... etc

[gfranko]

I just added jQuery Mobile data attribute theming support. Let me know if you have any other issues!

[chopperbilly]

Hi Greg,

Where do I get the new selectboxit.js code from, or do I have to edit the existing file?

Thanks,
Bill.
----- Original Message -----
From: Greg Franko
To: gfranko/jquery.selectBoxIt.js
Cc: chopperbilly
Sent: Saturday, December 15, 2012 3:03 PM
Subject: Re: [jquery.selectBoxIt.js] selectBoxIt with jQuery Mobile Themeroller (#68)

I just added jQuery Mobile data attribute theming support. Let me know if you have any other issues!

—
Reply to this email directly or view it on GitHub.

[gfranko]

JavaScript:https://raw.github.com/gfranko/jquery.selectBoxIt.js/master/src/javascripts/jquery.selectBoxIt.min.js

CSS: https://raw.github.com/gfranko/jquery.selectBoxIt.js/master/src/stylesheets/SelectBoxIt/jquery.selectBoxIt.css

You can also download a custom build of SelectBoxIt here

[chopperbilly]

Thanks Greg, works fine now.
However, I'm still trying to figure out how to cause disabled items to show e.g. "greyed out".

Any thoughts?

Regards, Bill.
----- Original Message -----
From: Greg Franko
To: gfranko/jquery.selectBoxIt.js
Cc: chopperbilly
Sent: Monday, December 17, 2012 10:28 AM
Subject: Re: [jquery.selectBoxIt.js] selectBoxIt with jQuery Mobile Themeroller (#68)

JavaScript:https://raw.github.com/gfranko/jquery.selectBoxIt.js/master/src/javascripts/jquery.selectBoxIt.min.js

CSS: https://raw.github.com/gfranko/jquery.selectBoxIt.js/master/src/stylesheets/SelectBoxIt/jquery.selectBoxIt.css

You can also download a custom build of SelectBoxIt here

—
Reply to this email directly or view it on GitHub.

[gfranko]

@chopperbilly I just added support for the disableOption() method. This allows you to disable single drop down options. Here is how you would use it:

var selectBox = $("select").selectBoxIt().data("selectBoxIt");

// This will disable the 4th drop down option
selectBox.disableOption(3);

Let me know if you have any questions.

[chopperbilly]

Hi Greg,
(1) that works nicely, but I need to include jquery-ui-1.9.2.custom.min.css to get the class "ui-state-disabled". That seems to cause some menu scrolling overwrite/option positioning undesirable effects, but is livable with.

(2) Could you please advise the best way to re-enable disabled options?

Many thanks,
Bill.
----- Original Message -----
From: Greg Franko
To: gfranko/jquery.selectBoxIt.js
Cc: chopperbilly
Sent: Monday, December 17, 2012 5:48 PM
Subject: Re: [jquery.selectBoxIt.js] selectBoxIt with jQuery Mobile Themeroller (#68)

@chopperbilly I just added support for the disableOption() method. Here is how you would use it:

var selectBox = $("select").selectBoxIt().data("selectBoxIt");

// This will disable the 4th drop down option
selectBox.disableOption(3);
Let me know if you have any questions.

—
Reply to this email directly or view it on GitHub.

[gfranko]

I will see if there is a solution for disabling options with the jquery mobile theme (the ui-state-disabled class name should not be applied for every theme, so I will have to fix this), and I will also create an enableOption() method tonight. I will respond here when it is added.

[gfranko]

@chopperbilly I just added the enableOption(), which works almost exactly like disableOption(). I also added support for different theme disabled states, which means that you will no longer need to include jQueryUI. Let me know if this fixes your issues!

[chopperbilly]

Hi Greg,

Wonderful! It works like a charm.

I have tested on Android, and will now test on iPhone and iPad, but generally if it works on Android it will work on the others (at least as far as selectBoxIt goes).

I will keep you posted if anything else. Thank you so much for your prompt work.

Next for you for selectBoxIt??? --- (!!!) - Multiple select facility???? (Currently I'm using the dreadful jQuery mobile multiple select box, which has shine-through problems if there are sufficient options that it creates a psuedo new page, is slow, and not at all up to the standard of the rest of jQuery mobile).

Kind regards,
Bill.
----- Original Message -----
From: Greg Franko
To: gfranko/jquery.selectBoxIt.js
Cc: chopperbilly
Sent: Wednesday, December 19, 2012 6:55 AM
Subject: Re: [jquery.selectBoxIt.js] selectBoxIt with jQuery Mobile Themeroller (#68)

@chopperbilly I just added the enableOption(), which works almost exactly like disableOption(). I also added support for different theme disabled states, which means that you will no longer need to include jQueryUI. Let me know if you this fixes your issues!

—
Reply to this email directly or view it on GitHub.