Hi,

I have to display multiple fields in a single column of a grid on the same row..

Eg. a text box + button / text box + label / text box + image etc..

I am unable to do the same using the grid layout.. Below is my html .. the fields get wrapped and appear on the next row of the column. Kindly let me know what needs to be done here..

   <div class="ui-grid-a">
   <div  class="ui-block-a" >
    <div class="ui-field-contain">
     <label for="1">Text input grid 1:</label>
     <span class="mandatory"> * </span>
     <input type="text" name="1" id="1" value="1" maxlength="10" data-mini="true" >
     </div>
   </div>
   <div  class="ui-block-b" >
    <div class="ui-field-contain">
     <label for="1">Text input grid 2:</label>
     <input type="text" name="2" id="2" value="1" maxlength="10" data-mini="true" >
     <label >(English)</label>
    </div>
   </div>
   <div  class="ui-block-a" >
    <div class="ui-field-contain">
     <label for="1">Text input grid 3:</label>
     <input type="text" name="3" id="3" value="1" maxlength="10" data-mini="true" >
     <img src="#"> </img>
     </div>
   </div>
   <div class="ui-block-b" >
    <div class="ui-field-contain">
     <label for="1">Text input grid 4:</label>
     <input type="text" name="4" id="4" value="1" maxlength="10" data-mini="true" >
     </div>
   </div>
  </div>