DMXzone Bootstrap 3 Elements Support Product Page
Answered
Form elements
Asked 01 Dec 2014 20:30:04
1
has this question
01 Dec 2014 20:30:04 David Woolley posted:
I'm finding the form elements a bit tricky to get my head around.Adding a form element results in a standard email, password & checkbox form.
Adding a Control Group just adds another text field.
How do you add a radio (group), checkbox (group), select menu, etc, from the Elements menu?
Or do you add these using the usual DW Forms menu, then style them accordingly?
Am I missing something here?
It would be great if you could include a tut or faq on this. The current video 'Using DMXzone Bootstrap 3 Form Elements' does not go into any detail.
Cheers
Dave
Replies
Replied 02 Dec 2014 10:19:05
02 Dec 2014 10:19:05 Teodor Kuduschiev replied:
Hello David,
The form controls in the BS3 Elements extension are just an example. You can just use the standard DW insert form menu and then just add class="form-control" the input, text-area and select so they can get the bootstrap styling..
The form controls in the BS3 Elements extension are just an example. You can just use the standard DW insert form menu and then just add class="form-control" the input, text-area and select so they can get the bootstrap styling..
Replied 02 Dec 2014 12:26:03
02 Dec 2014 12:26:03 David Woolley replied:
Thanks Teodor
And put the following in the form group div for:
Checkbox: add class="checkbox"
Radio: add class="radio"
without adding a class to the <input type="checkbox">
like so:
<div class="checkbox">
<label>Check this </label>
<input type="checkbox">
</div>
OR
<div class="radio">
<label>Click either </label>
<input type="radio">
</div>
How do you change the width of an input field?
CSS is overriding the char width properties.
Cheers
Dave
And put the following in the form group div for:
Checkbox: add class="checkbox"
Radio: add class="radio"
without adding a class to the <input type="checkbox">
like so:
<div class="checkbox">
<label>Check this </label>
<input type="checkbox">
</div>
OR
<div class="radio">
<label>Click either </label>
<input type="radio">
</div>
How do you change the width of an input field?
CSS is overriding the char width properties.
Cheers
Dave
Replied 02 Dec 2014 12:31:52
02 Dec 2014 12:31:52 Teodor Kuduschiev replied:
Well, add an id / class to your inputs and style its width...
Replied 02 Dec 2014 12:57:52
02 Dec 2014 12:57:52 David Woolley replied:
Thanks Teodor
CSS to the rescue again!
I'll add these to my custom.css
Another thing to watch out for is the Bootswatch themes changing the input styles.
Blue Glow inputs in the default theme are removed when using e.g. Flatly
It's a jungle out there ...!
Cheers
Dave
CSS to the rescue again!
I'll add these to my custom.css
Another thing to watch out for is the Bootswatch themes changing the input styles.
Blue Glow inputs in the default theme are removed when using e.g. Flatly
It's a jungle out there ...!
Cheers
Dave
Replied 02 Dec 2014 13:12:02
02 Dec 2014 13:12:02 Teodor Kuduschiev replied:
Of course they change the style.. that's the point of using bootswatch themes - to have different styles. You can preview each theme prior to applying it.
Replied 02 Dec 2014 13:32:42
02 Dec 2014 13:32:42 David Woolley replied:
Just trying to get my head around this Teodor.
I still think DMXzone needs to put a bit more info about the BS3 forms on the site.
I still think DMXzone needs to put a bit more info about the BS3 forms on the site.