Question

How can I add an input text field across two columns in a three-column ui-grid layout (33/33/33%)?

The goal is that the input text field takes 66% and the third column occupies the rest.

Example ui-grid from jquery mobile:

<div class="ui-grid-b">
<div class="ui-block-a">Block A</div>
<div class="ui-block-b">Block B</div>
<div class="ui-block-c">Block C</div>
</div><!-- /grid-a -->

Answer 1

simply overwrite the width property:

.ui-grid-a .ui-block-a { width: 65% }
.ui-grid-a .ui-block-b { width: 35%; } 

http://forum.jquery.com/topic/unequal-layout-grids-columns-or-colspan-like-behavior