Results 1 to 2 of 2
  1.    #1  
    I want two distinct textfields side by side in the single row. How can I achieve that ? Can I control the width of the text field and have two of them in the same listrow ?

    Pointers/help very much appreciated.
  2. #2  
    Just use standard html/css...

    inside your row div put something like this
    Code:
    <div class="input-column"><!-- your input widget --></div>
    <div class="input-column"><!-- your input widget --></div>
    and in your css use this
    Code:
    .input-column {
      float: left;
      width: 50%;
    }
    depending on what is inside the divs you may also have to use clearing divs to make the parent DIV's height match the children:

    Clearing a float container without source markup
    Code:
    .clearfix:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      overflow:hidden;
    }
    
    .clearfix {
      display: block;
    }
    
    .clear {
      clear:both;
    }

Posting Permissions