c# asp.net databound checkboxlist align check boxes equally on the right

Question

In a .net aspx web project I am struggling to get the alignment correct in a checkboxlist. My checkboxlist is set to display the text on the left and the checkboxes on the right. I would like have the check boxes aligned equally under each other.

The checkboxlist is populated from a sql database.

The markup for the checkboxlist is currently:

 <asp:CheckBoxList ID="CheckBoxList1" runat="server" TextAlign="Left" Width="1121px" CellSpacing="10" DataMember="DefaultView" DataSourceID="SqlDataSource1" DataTextField="ProductIdName" DataValueField="ProductIdName" Height="29px" OnDataBound="CheckBoxList1_DataBound"></asp:CheckBoxList>

Layout issue

I have tried This Link

It will better if you post some code which you have tried so far.... — Rahul Nikate, Mar 09 '15 at 08:21
Look at the HTML rendered to the page. That should give you some clues as to how to fix it. — Jon P, Mar 09 '15 at 09:51

score 0 · Answer 1 · answered Mar 09 '15 at 08:33

You'd better post your code so we can easily help you! According to what you need to achieve, here's a quick tip

 <style>
 .left{float:left;width:86%}
 .right{float:right;width:10%}
 .clear{clear:both}
 </style>
 <div>
      <div class='left'><label for='checkOne'>Chosen One</label></div>
      <div class='right'><input id='checkOne' type='checkbox'/></div>
      <div class='clear'></div>
      <div class='left'><label for='checkTwo'>Chosen Two</label></div>
      <div class='right'><input id='checkTwo' type='checkbox'/></div>
      <div class='clear'></div>
 </div>

c# asp.net databound checkboxlist align check boxes equally on the right

1 Answers1