Checkbox not aligning properly

[Chase Florell]

I am using a checkbox that needs to align right

<td style="align:right;"><checkbox></td>

it works fine but as soon as I drop the FormDecorator on the page, it aligns left (all other controls - ddl and txt align properly).

Any reason for this?

also note.  i put the formdecorator control on the masterpage and not directly in the form.

[Martin]

Hello Chase Florell,

Are you sure you are using an "align" property?

Could you please check this, as "align" property does not exist in CSS.

Best wishes,
Martin Ivanov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chase Florell]

Sorry that was my mistake... I typed to hastily...
I tried both of the following.

<td align="right">

and

<td style="text-align:right;">

[Tervel]

Hello Chase,

We examined the issue and were able to reproduce it. The current rendering of the "decorated" checkboxes requires the use of float:left, and this has a higher priority than the TD setting.

We will do our best to modify the RadFormDecorator rendering so as to work properly in this scenario. For the timebeing we propose you to use the following workaround to make the checkbox render to the right

<

td>

<span style="float:right" ><asp:CheckBox ID="CheckBox2" runat="server" Text="Some text"/></span>

</td>

Regards,
Tervel
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chase Florell]

Thank you, I will try your work around.

[Henrique Duarte]

Guys,

I have a problem with a CheckBoxList.
The CheckBox are not aligned.

[]'s,

Henrique

[Martin]

Hi Henrique,

The information contained in your post is not enough to determine the problem and give a solution.

Please, open a new support ticket and include a sample project that demonstrates the misalignment of checkboxes. It may be caused by inherited styles, adjacent html, missing label text (or at least &nbsp;), etc.

Kind regards,
Martin Ivanov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Samantha]

This work around is helping, but not completely solving the issue.  For instance:

> In IE 7 (have not tested 6) the very bottom of the checkbox gets cut off.
> In Firefox the checkbox disappears completely

Here is the code I am using:

<

td class="style1">
<table>
    <tr>
        <td>
              <asp:Label ID="lblAcctNumber" runat="server"        
                    AssociatedControlID="cbxAcctNumber">Acct number?
              </asp:Label>
        </td>
        <td>
            <span style="float:right;">
                <asp:CheckBox ID="cbxAcctNumber" runat="server" 
                    OnCheckedChanged="cbxAcctNumber_CheckedChanged" />
            </span>
        </td>
    </tr>
</table>
</td>

[Georgi Tunev]

Hi Samantha,

Please make sure that you are using the latest version of the control - you should not experience this problem there.

If you still have this problem after upgrading, please open a support ticket and send us a full, working project where we can examine this behavior - we will do our best to help.


Greetings,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.