After Adding Form Decorator Controls do not render

[Mick]

I have laid out a simple form as and example.

<form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" />
        <div>
            <table class="myTable">
                <!-- Date & Time Call Received -->
                <tr>
                    <th class="inputLabel">
                        <asp:Label ID="lblCallReceivedDate" CssClass="inputLabel" runat="server" Text="Call received:"
                            ToolTip="Date and time the call was received"></asp:Label>
                    </th>
                    <td class="input">
                        <telerik:RadDateTimePicker ID="dpCallReceived" runat="server" Skin="Office2007" ToolTip="Date and time the call was received">
                            <TimePopupButton HoverImageUrl="" ImageUrl="" />
                            <TimeView CellSpacing="-1" Culture="English (United Kingdom)">
                            </TimeView>
                            <Calendar Skin="Office2007" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
                                ViewSelectorText="x">
                            </Calendar>
                            <DatePopupButton HoverImageUrl="" ImageUrl="" />
                        </telerik:RadDateTimePicker>
                    </td>
                </tr>
                <!-- Received from (Stakeholder) -->
                <tr>
                    <th class="inputLabel">
                        <asp:Label ID="lblAnonymous" CssClass="inputLabel" runat="server" Text="Anonymous:"
                            ToolTip="Check this box if caller's identity is unknown"></asp:Label>
                    </th>
                    <td class="input">
                        <asp:CheckBox ID="chkAnonymous" runat="server" ToolTip="Check this box if caller's identity is unknown"
                            Text="&nbsp;" />
                    </td>
                </tr>
                <tr>
                    <th class="inputLabel">
                        <asp:Label ID="lblCaller" CssClass="inputLabel" runat="server" Text="Caller:" ToolTip="Person/organisation who reported the incident"></asp:Label>&nbsp;
                    </th>
                    <td class="input">
                        <asp:Label ID="lblAnon" runat="server" Text="Anonymous"></asp:Label>
                    </td>
                </tr>
            </table>
        </div>
    </form>

Strangely the DateTime Picker and the checkbox do not render at runtime.

Any suggestions as to why?

Regards

[Georgi Tunev]

Hi Mick,

The problem comes from the class="input" that you have set for the td elements - it conflicts with RadFormDecorator's styling logic which leads to this error. If you change the id of the class to something else - myinput, input1, etc., you will not experience this problem anymore.

Thank you for bringing this problem to our attention - I logged it in our database and we will fix it for Q2. Your points were updated.

Sincerely yours,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mick]

Thanks very much Georgi that fixed the issue