Form styles (dropdown, radio, checkbox)

Hi,

We've added your request to our wish list.

Thank you very much for your inputs!

Olivia

+1 for me

+100 for me :)

Vote for it, it is very important.

http://silviomoreto.github.io/bootstrap-select/
http://gregfranko.com/jquery.selectBoxIt.js/index.html
http://tympanus.net/Development/SimpleDropDownEffects/index.html
http://tympanus.net/Tutorials/CustomDropDownListStyling/index2.html

This feature was on artisteer ... :/

YES DO :)

Hello,

I join my vote to this request.

And I ask a question: Is there an easier way to align the position of the text in forms, than having to manually edit the file bootstrap.css.

Thank you

Hello

You can add css override code to the Themler Settings >> Additional CSS.

Thank you,
Olivia

in Design-> Styles ->More styles
I can see many controls, but not drop-down list checkbox radio-button.
is there a reason you are not adding styles customization for these?
I can see that first this feature was requested in 28 January 2015.
please take a look at the attachment. how can i fix drop-down list to be of a reasonable length?

Hi,

The main reason is that select, checkbox and radio button do not support styling. The only way to make them styled is replace with something different which looks similar. Since there is no standard way for this the html structures of such elements may be totally different. To use our styles the form elements must have the same structure as Themler theme uses to apply style. It is difficult to achieve if you're using forms generated by third-party plugins.

please take a look at the attachment. how can i fix drop-down list to be of a reasonable length?

This is default length is bootstrap forms:
http://getbootstrap.com/css/#forms

This length can be affected through the input element width. Set it as auto, in px or %%.

Thank you,
Olivia

Hi everybody,

I just come back with a little solution that worked for me and is really easy to include in themler
:

In additionnal CSS (Themler Settings >> Additional CSS) include this :

input[type=checkbox]
{
/* Double-sized Checkboxes /
-ms-transform: scale(2); / IE /
-moz-transform: scale(2); / FF /
-webkit-transform: scale(2); / Safari and Chrome /
-o-transform: scale(2); / Opera */
padding: 10px;
}

/* Might want to wrap a span around your checkbox text /
.checkboxtext
{
/ Checkbox text */
font-size: 110%;
display: inline;
}

It will double your checkbox, you can modify the values.

Ps: please stop complaining with artisteer and learn how to use Themler wich is a fantastic tool, artisteer seems easyer but is totally useless when you leared on how to use themler !
Thanks for the themler team :)

Kevin

Is there a less complicated way to align text in forms other than manually editing the bootstrap.css file?

.
.
painters hamilton nz