JQM datebox does not respect theming

[Zeddy-]

Hi, from the documentation you get the understanding that the JQM datebox should be automatically styled using the selected JQM data-theme, this is however not the case and i cannot get it to change:

http://www.smartload.se/?resort=666&lang=se

What am i missing here?

[jtsage]

The problem is, datebox has many, many internal elements to theme. (many). It is explained in depth here:

http://dev.jtsage.com/jQM-DateBox/demos/api/themes.html

I choose not to do simple inheritance, because which elements should inherit? (as it is, the original input actually does inherit correctly - which is of course hidden in your example)

[jtsage]

Also, you were sort of right. data-theme did not properly inherit to the input element. It does now.

Again though, all internal controls are configured via options - if anyone has a better idea on this, I am open to suggestions.

[Zeddy-]

Okay, nice to hear.. Im using datebox on this site:
http://smartload.se/

after choosing skiskunne from the list the datebox is displayed.. smartload is being built as a service where i let the users style their page, so it would be great to get the datebox themed according to the page, why not programtically take the parent data-theme and apply it to all elements in the datebox?

I noticed that when switching to the latest version of jqm datebox i get the following error (u can test this in the page above):
Uncaught TypeError: Object false has no method 'find'

// FIX THE SET BUTTON
switch (o.mode) {
case "timebox":
case "timeflipbox":
self.setButton.find('.ui-btn-text').html(o.lang[o.useLang].setTimeButtonLabel);
break;
case "durationbox":
self.setButton.find('.ui-btn-text').html(o.lang[o.useLang].setDurationButtonLabel);
break;
case "calbox":
if ( self.setButton !== false ) {
self.setButton.find('.ui-btn-text').html(o.lang[o.useLang].calTodayButtonLabel);
}
break;
default:
self.setButton.find('.ui-btn-text').html(o.lang[o.useLang].setDateButtonLabel);
jquery.mobile.datebox.js:1757 Uncaught TypeError: Object false has no method 'find'
break;
}

When using the old version it worked.. I also tried using the latest version of jQueryMobile and jQuery but that didn't help

[jtsage]

Fixed that but, gave you the option to "forceInheritTheme" - it will pull the internal control themes from the first parent with a theme when set to true.