Repeat = „2“ auf dem zweiten Spalte CheckBoxList Checkbox

Question

überlappt

Hier ist mein asp.net Code

  <asp:Panel ID="Panel1" runat="server">       
       <asp:CheckBoxList ID="chkCourseList" runat="server" style="margin-left:10px;" class="checkbox-inline" RepeatLayout="Flow" RepeatColumns="2" textalign="left"> 
       </asp:CheckBoxList>        
      </asp:Panel> 

dies das Problem ist:

Kursname Kontrollkästchen aktiviert wird, wenn

neben Kursnamen angeklickt

image here

Ich möchte das Kontrollkästchen auf der rechten Seite des Textes.

Vielen Dank im Voraus.

Answer 1

Dies ist nur css Problem, das mit TextAlign="left" gelöst werden kann.

<asp:Panel ID="Panel1" runat="server">       
        <asp:CheckBoxList ID="chkCourseList" runat="server" style="margin:10px;" class="checkbox-inline" RepeatLayout="Flow" RepeatColumns="2" TextAlign="left"> 
        </asp:CheckBoxList>        
       </asp:Panel> 

Wenn Zeile zu breit ist. Sie können Padding in Ihrem Stil hinzufügen oder Sie könnten RepeatColumns = "1" verwenden.

hoffe, dies wird Ihnen helfen :)

Answer 2

Jeder listItem in einem <asp:CheckBoxList..> sind als eine Kombination aus type="checkbox" und label gemacht.

.checkbox-inline label{ 
    word-wrap: break-word; 
    max-width: 112px; /* use width based on requirement */ 
    display: inline-block; 
} 

Wenn also die