Join Jen Kramer for an in-depth discussion in this video Using collapse to enhance form usability, part of Bootstrap 2: Adding Interactivity to Your Site.
At this point, our form is looking pretty good. …Things seem to be aligned. We have a nice little tool tip that …appears by the text area. But the next part of this form that I'd …like to address is down towards the bottom of the page, where I have a check …box asking you to sign up for the newsletter. …And if you do, then you need to enter your email address. …So just to take a quick peek at what I'm talking about. …Down here at the bottom, if you check this, then you should fill in your email …address right here. What I'd like to have happen now is, I'd …like to have just, subscribe me to the newsletter.…
And if you check that off, then, and only then, I'd like to have the email box …appear on the page. So that will be pretty cool. …We have a little animation going on there with something opening up on the page. …So that's what I am going to code next in this video. …So if you scroll on down the page here, we're going to go on down here to line 50ish. …And that is the label with the class of check box followed by our input name of subscribe.…
Released
5/20/2013- Setting up your working environment
- Planning the thumbnail gallery
- Creating modal windows
- Creating an image carousel
- Linking images and adding captions
- Changing the carousel rotation
- Laying out and styling a contact form
Share this video
Embed this video
Video: Using collapse to enhance form usability