asp.net - net - mostrar radiobuttonlist en línea

asp net checkbox css

Question

Tengo algunos radiolistas en mi página. El problema al que me enfrento es que el texto de los botones de radio no se muestra en línea con el botón de radión. He puesto el repeatLayout a Table and Flow y ninguno está funcionando. He intentado agregar un estilo de visualización: en línea; pero eso tampoco funciona (aunque lo hizo en las casillas de verificación y pensé que quizás también funcionaría aquí).

Esto es solo un radiolista normal:

<asp:RadioButtonList ID="radRace" CssClass="radioButtonList" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem>Race 1</asp:ListItem>
    <asp:ListItem>Race 2</asp:ListItem>
    <asp:ListItem>Race 3</asp:ListItem>
    <asp:ListItem>Race 4</asp:ListItem>
</asp:RadioButtonList>

ul.radioButtonList { list-style:none; margin: 0; padding: 0;}
ul.radioButtonList.horizontal li { display: inline;}

Cuando el repeatLayout está en la mesa:

Y cuando el repeatLayout está en Flow:

Alguien, por favor, puede ayudarme a configurarlo para que el texto aparezca junto al botón de opción ... Si hay una diferencia, la lista de botones de radio está en una tabla ...

SOLUCIÓN:

Así es como se ve la lista de botones de radio ahora:

<asp:RadioButtonList ID="radRace" CssClass="radioButtonList" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem>Race 1</asp:ListItem>
    <asp:ListItem>Race 2</asp:ListItem>
    <asp:ListItem>Race 3</asp:ListItem>
    <asp:ListItem>Race 4</asp:ListItem>
</asp:RadioButtonList>

Y este es el cssClass:

<style type="text/css">
    .radioButtonList { list-style:none; margin: 0; padding: 0;}
    .radioButtonList.horizontal li { display: inline;}

    .radioButtonList label{
        display:inline;
    }
</style>

Answer 1

Prueba esto:

.radioButtonList label{
    display:inline;
}

funciona para mí, pero si no funciona para usted, entonces puede probar esta solución http://forums.asp.net/t/1089664.aspx/1

Muestra la entrada y la etiqueta como bloque y flota ambos.

Answer 2

Compruebe la solución sugerida por Aroon Soraali:

<asp:RadioButtonList RepeatDirection="Horizontal" ID="rblFilterType" runat="server"/>