I'm learning how to use the Ionic Framework. I like a lot of it. However, I don't care for the form layouts. I would really like to include one additional component: some help text. In other words, I would like to create a form tht looks like the following:
Label1
[TextBox with a border here]
a tidbit goes here
Label2
[TextBox with a border here]
a tidbit goes here.
[Button]
However, I can't figure out how to do this well in the Ionic Framework. All of the form layouts use a list, which adds boundaries to each piece, which I don't want. Can a CSS wizard please help me out?
Thank you!
This thread in the forum might help you http://forum.ionicframework.com/t/responsive-grid-layout/707
How does this work? for you?
<label class="item item-input item-stacked-label item-divider">
Name
<input type="text" placeholder="Name">
</label>
<div class="item item-footer">
Please enter your name
</div>
To get the css the way you want, you can add this
.item{
border: none;
}
.item-footer {
font-size:11px ;
padding: 8px ;
}
.item-stacked-label input, .item-stacked-label textarea{
padding:0 ;
}