Note that there are some explanatory texts on larger screens.

plurals
  1. PORadioButtonList fixed width issue
    primarykey
    data
    text
    <p>I searched for this issue but can't find it... my problem is with this radiobuttonlist that I am trying to align along with its label, but keep getting this.</p> <p><img src="https://i.stack.imgur.com/oHezj.jpg" alt="enter image description here"> </p> <p>as you can see the buttonlist has that fixed width that I just cannot change.. the red circle is where I wanna align the radio buttons. I tried to textalign="right" but it overlaps to second line due to that wide space before names(dr. mr...) like this... As you can see the width is fixed... <img src="https://i.stack.imgur.com/Z1Vb5.jpg" alt="enter image description here"></p> <p>Below is my code... any ideas how to fix this silly problem??? thanks</p> <pre><code>&lt;div style="padding:5px;"&gt;&lt;label&gt;Prefix *&lt;/label&gt; &lt;asp:RadioButtonList id="Prefix" runat="server" TextAlign="Left" RepeatDirection="Vertical"&gt; &lt;asp:listitem id="Dr" runat="server" &gt;Dr.&lt;/asp:listitem&gt; &lt;asp:listitem id="Mr" runat="server" &gt;Mr.&lt;/asp:listitem&gt; &lt;asp:listitem id="Mrs" runat="server" &gt;Mrs.&lt;/asp:listitem&gt; &lt;asp:listitem id="Miss" runat="server" &gt;Miss&lt;/asp:listitem&gt; &lt;asp:listitem id="Ms" runat="server" &gt;Ms.&lt;/asp:listitem&gt; &lt;/asp:RadioButtonList&gt; &lt;asp:RequiredFieldValidator id="RequiredFieldValidator2" runat="server" ControlToValidate="Prefix" ErrorMessage="Prefix is required." ForeColor="Red"&gt; &lt;/asp:RequiredFieldValidator&gt;&lt;/div&gt; </code></pre> <p>UPDATE -</p> <p>I have the following css that is suppose to align all the labels like the "Prefix *"... so why is it affecting radiobuttons... and is there some kind of override to fix it?</p> <pre><code> label { width: 20em; float: left; text-align: right; margin-right: 0.5em; display: block; color: Black; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload