style issue in EditForm

[Anne Chinn]

I have a Template EditForm that contains a table with cells that contain an nested table with some text in the top row and a radio button in the bottom row. My problem is that I am unable to get the radio button to center in the nested table. I looked in the rendered html and I think that there are styles that are overriding my settings. Can you recommend how to accomplish centering the radio button?

Thanks,

Anne

 

 

 

<FormTemplate>

 

 

 

<table cellspacing="0" cellpadding="2" class="General">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td colspan="5" class="DefaultGridCell"><br /><asp:Label ID="Edit_RubricTitle" runat="server" /></td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td class="DefaultGridCell">ELEMENT</td>

 

 

 

 

 

 

 

<td style="width:150px"class="DefaultGridCell">UNSATISFACTORY</td>

 

 

 

 

 

 

 

<td style="width:150px"class="DefaultGridCell">BASIC</td>

 

 

 

 

 

 

 

<td style="width:150px"class="DefaultGridCell">PROFICIENT</td>

 

 

 

 

 

 

 

<td style="width:150px"class="DefaultGridCell">DISTINGUISHED</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td class="DefaultGridCell" valign="top" align="center">

 

 

 

 

 

 

 

<asp:Label ID="Edit_ElementTitle" runat="server" />

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

<td class="DefaultGridCell" valign="top" align="center">

 

 

 

 

 

 

 

<table cellspacing="0" cellpadding="2">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td align="center" valign="top"><asp:Label ID="Edit_DescriptorPL1" runat="server" /></td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td>

 

 

 

 

 

 

 

<asp:RadioButton ID="CB_DescriptorPL1" GroupName="Group1" runat="server" />

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

</td>

 

 

 

 

 

 

 

<td class="DefaultGridCell" valign="top" align="center">

 

 

 

 

 

 

 

<table cellspacing="0" cellpadding="2">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td align="center" valign="top"><asp:Label ID="Edit_DescriptorPL2" runat="server" /></td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td align="center">

 

 

 

 

 

 

 

<asp:RadioButton ID="CB_DescriptorPL2" GroupName="Group1" runat="server" />

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

</td>

 

 

 

 

 

 

 

<td class="DefaultGridCell" valign="top" align="center">

 

 

 

<table cellspacing="0" cellpadding="2">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td align="center" valign="top"><asp:Label ID="Edit_DescriptorPL3" runat="server" /></td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td align="center">

 

 

 

 

 

 

 

<asp:RadioButton ID="CB_DescriptorPL3" GroupName="Group1" runat="server" />

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

</td>

 

 

 

 

 

 

 

<td class="DefaultGridCell" valign="top" align="center">

 

 

 

<table cellspacing="0" cellpadding="2">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td align="center" valign="top"><asp:Label ID="Edit_DescriptorPL4" runat="server" /></td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td align="center">

 

 

 

 

 

 

 

<asp:RadioButton ID="CB_DescriptorPL4" GroupName="Group1" runat="server" />

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

</td>

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

 

 

 

 

 

 

<br />

 

 

 

 

 

 

 

<table cellspacing="0" cellpadding="2" width="100%">

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

 

<td colspan="5">

 

 

 

 

 

 

 

<telerik:RadButton ID="btnUpdate" Text='<%# (Container is TreeListEditFormInsertItem) ? "Insert" : "Update" %>'

 

 

 

 

 

 

 

runat="server" CommandName='<%# (Container is TreeListEditFormInsertItem) ? "PerformInsert" : "Update" %>'

 

 

 

 

 

 

 

Icon-PrimaryIconCssClass="rbOk">

 

 

 

 

 

 

 

</telerik:RadButton>

 

 

 

 

 

 

 

&nbsp;

 

 

 

 

 

 

 

<telerik:RadButton ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"

 

 

 

 

 

 

 

CommandName="Cancel" Icon-PrimaryIconCssClass="rbCancel">

 

 

 

 

 

 

 

</telerik:RadButton>

 

 

 

 

 

 

 

</td>

 

 

 

 

 

 

 

</tr>

 

 

 

 

 

 

 

</table>

 

 

 

 

 

 

 

</FormTemplate>

 

[Daniel]

Hello Anne,

I noticed that you have four radio buttons, not a single one. I made a sample project using your code-snippets. Please test it at your side and let me know whether it behaves as expected.

Best regards,
Daniel
the Telerik team