Bootstrap support for datebox and combobox

answered 2014-12-17 08:05:26 +0800

cyiannoulis
1201 ● 10

updated 2014-12-17 09:02:59 +0800

As far as i know, the <combobox> does not offer out-of-the-box support for BS (at least in the CE/PE edition) so use the <selectbox> or the <listbox> with dropdown attribute. Check out the folllowing bootstrapped combo:

<selectbox sclass="form-control" width="400px"></selectbox>

As for the <datebox> the thing is little harder because the datebox is composed of several other html elements, so have a look to this older post. It should do the trick.

Hope that helps

Costas

Note: Applying the .z-datebox-input and .z-datebox-button styling as advised by noahhuang affects also the calendar popup window. Apply the following style to make the popup display correctly.

 .z-calendar {max-width: 280px;}
 .z-datebox-popup {max-width: 280px;}