Как упорядочить элемент динамического списка в RadioButtonList VB

Question

Я создал радиообъектив, элементы которого в нем генерируются динамически на основе моей базы данных. И я использую веб-форму VB.

в HTML:

<asp:RadioButtonList ID="rdlSession" runat="server" CssClass="rdl"> 
</asp:RadioButtonList> 

VB:

For count = 0 To someitem.Length 'databaseitem 
     With rdlSession.Items 
      .Add(someitem) 
     End With 
Next 

Мой вопрос:
Как выровнять строки, чтобы начать от красной линии?

(я попытался с помощью текста-Allign: левый, но выход не влияет много, первая линия появляется после радиокнопки.)

Answer 1

Вам нужно css, чтобы решить эту проблему.

RadioButtonList есть (если Вы видите Page Source) table с rows где RadioButtons размещены.

Например, первый элемент RadioButtonList в html будет (два "элементы": один является <input type="radio" id="rdlSession_0" ...> и label для этого input):

<input id="rdlSession_0" type="radio" name="rdlSession" value="Session :0&lt;br>Date :0&lt;br>Coach :0&lt;br>Available slot :0" /><label for="rdlSession_0">Session :0<br>Date :0<br>Coach :0<br>Available slot :0</label> 

Вы должны применить некоторые css для этого label.

HTML

<asp:RadioButtonList ID="rdlSession" runat="server" CssClass="rdl"> 
</asp:RadioButtonList> 

CSS

.rdl label 
{ 
    display:inline-block; 
    vertical-align:top; 
} 

Если Вы удаляете vertical-align:top;, радио-кнопка будет выравниваться по нижней части.

Надеюсь, что это решение будет работать на вас.