Bootstrap theme applied but not expected rendering

[davebuddParticipant]

I have applied the bootstrap theme but the control does not render like other bootstrap controls under the form-control class. I’ve tried applying form-control to the div for the widget but that does not work. I see that an input tag gets created inside the div, but how can I get the form-control class set on the input tag?

[Peter StoevKeymaster]

Hi davebudd,

I don’t understand what you’re writing about. The widget has Bootstrap Theme and it has the same Style as other jQWidgets contols with the same theme. If you want to add Custom CSS Classes, you may use the jQuery’s addClass method.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[davebuddParticipant]

A regular <input> box under the bootstrap has padding and a shadow when focused etc all given by the form-control class within bootstrap.min.css

I assumed that by setting the theme to bootstrap this would happen.

Instead the CSS created looks like this
<input style=”width: 468px; left: 0px; top: 0px; margin-top: 9px; text-align: left;” name=”since” class=”jqx-position-absolute jqx-reset jqx-reset-bootstrap jqx-clear jqx-clear-bootstrap jqx-input-content jqx-input-content-bootstrap jqx-widget-content jqx-widget-content-bootstrap jqx-rc-all jqx-rc-all-bootstrap” id=”inputjqwSince” autocomplete=”off” type=”textarea”>

There is no padding or shadow, I would like to assign the class form-control to this <input> element generated.

[Author]

Posts