View Full Version : Vertical align in form field

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:

Form fileds with css fix:

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;