PDA

View Full Version : Vertical align in form field



lpfx
26 Aug 2011, 9:24 AM
When the label of the form filed is too long, the text breaks in two lines. This causes the field to expand and the text becomes not aligned in the field. Also generates a gray bar below the field. As shown:


Form fields with no css fix:
27716

Form fileds with css fix:
27717

To fix that we just need to change sencha-touch.css file like this:


.x-form-field-container {
box-flex: 1;
display: -webkit-box;
-webkit-box-align: center;
-webkit-box-flex: 1;
background-color: white;
width: 100%;
position: relative;
}