asp.net - obtener - propiedades y eventos de radiobutton

¿Cómo se evita que el texto de la etiqueta RadioButtonList se ajuste debajo del botón?

Question

Tengo una lista de botones de opción y algunas de las etiquetas son bastante largas, así que se envuelven y la segunda línea aparece debajo del botón de radio. Idealmente, me gustaría que el texto se ajuste a la segunda línea que comienza debajo del primer carácter de la primera línea.

Alguna idea de como? ¿o tendría que hacer mi propio control basado en listas para esto?

Answer 1

Este CSS realmente hace el truco:

<style type="text/css">
 table.radioWithProperWrap input
 {    
      float: left;
 }

 table.radioWithProperWrap label
 {    
      margin-left: 25px;
      display: block;
 }
</style>
<asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>

Answer 2

Puede tomar un botón de opción y una etiqueta separada y establecer la propiedad AssociatedControlID de esa etiqueta.

<table>
    <tr>
        <td>
            <asp:RadioButton runat="server" ID="rdo" />
        </td>
        <td>
            <asp:Label runat="server" ID="lbl" Text="Radio Text" AssociatedControlID="rdo" />
        </td>
    </tr>
</table>

Answer 3

Sé que es un poco tarde en el juego, pero esto funcionó para mí:

    table.NoWrapRadio td
    {
        white-space:nowrap;
    }

Cuando utilicé el enfoque del respondedor elegido, el problema de envoltura se corrigió, pero hizo que los botones de radio se vieran unos pocos píxeles más abajo que las etiquetas. Estoy usando el modo de compatibilidad IE9.

Answer 4

Si alguien tiene problemas para que la respuesta seleccionada funcione, solo funciona si RadioButtonList utiliza RepeatLayout="Table" y no RepeatLayout="Flow" . Me tomó un minuto para atrapar eso.

Answer 5

prueba un estilo de sangría de texto negativo -20px funciona para IE8