combodate icon indicating copy to clipboard operation
combodate copied to clipboard

Bootstrap?

Open kylecdrck opened this issue 9 years ago • 4 comments

How do you apply the form-control class on the combodate? I tried editing the js and the tags but they mess up the layout

kylecdrck avatar Nov 01 '15 09:11 kylecdrck

wondering the same, any success?

jcope2013 avatar Nov 09 '15 16:11 jcope2013

I modified the combodate.js and replaced line 96 with

                tpl = tpl.replace('{'+token+'}', '<div class="col-sm-3"><select class="form-control '+k+' '+customClass+'"></select></div>');

kylecdrck avatar Nov 09 '15 17:11 kylecdrck

You can use the customClass option. Used as a data attribute it should look likedata-custom-class="form-control".

jamesantrobus avatar Feb 09 '16 19:02 jamesantrobus

In addition to @jamesantrobus suggestion, I found the following additional css useful to keep the fields on one line:

.combodate {display:block}
.combodate .form-control {display:inline-block}
Actually, it's just a start — I also added some % width's for the individual form-control fields. But these rules will vary depending on which fields/formats you're using (e.g. when inputting month & year vs month & day & year), so I didn't include them here.

rtsalamone avatar Jun 19 '16 12:06 rtsalamone