Rendering Problem - Inline insert

[NLV]

I've used the following desing for the InlineInsert.

<InlineInsertTemplate>
        <div id="InlineInsertTemplate" class="rsCustomAppointmentContainer">
            <asp:Label ID="lblTitle" runat="server" Text="Add New Appointment"></asp:Label>
            <hr />
            <table cellspacing="5" width="400px">
            <tr>
            <td><asp:Label ID="lblSubject" runat="server" Text="Title"></asp:Label> </td>
            <td><Telerik:RadTextBox ID="txtInlineInsertTitle" runat="server" Width="150px" Text='<%# Bind("Subject") %>'></Telerik:RadTextBox></td>
            </tr>
            <tr>
            <td><asp:Label ID="lblList" runat="server" Text="Source List"></asp:Label> </td>
            <td><Telerik:RadComboBox ID="cbxInlineInsertLists" runat="server"></Telerik:RadComboBox></td>
            </tr>
            <tr>
            <td align="center">
            <asp:Button ID="btnInlineInsert" runat="server" Text="Add" CommandName="inlineInsert" ValidationGroup="grpInlineInsert" />
            &nbsp;&nbsp;&nbsp;&nbsp;
            <asp:Button ID="btnInlineCancel" runat="server" Text="Cancel" CommandName="inlineCancel" />
            </td>
            </tr>
            <tr>
            <td colspan="2">
            <asp:RequiredFieldValidator ID="rfvTitle" runat="server" Display="dynamic" ControlToValidate="txtInlineInsertTitle" Text="Title cannot be empty" ValidationGroup="grpInlineInsert" />
            </td>
            </tr>
            </table>
        </div>
    </InlineInsertTemplate>

Check out the attachments for the rendering problem.

[NLV]

This is how it is getting rendered in firefox.

NLV

[Kamen Bundev]

Hi Raghavendra Nagasundaram,

In order to get the Inline Form Template to render and resize properly, you need to set these two properties of RadScheduler:
MinimumInlineFormHeight="110" MinimumInlineFormWidth="350"
Let me know if this helps.

Sincerely yours,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[NLV]

Hello Kamen Bundev ,

Thanks for the reply. It fixed the issue with Firefox. But i'm still having the same issue with IE. I'm using IE8.

Any ideas?

Thank you.
NLV

[Kamen Bundev]

Hi Raghavendra Nagasundaram,

Maybe that's a different problem because I can't seem to reproduce it here. Can you send a live URL so I can check why this is happening?

Regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[NLV]

Hi Kamen Bundev,

Sorry, i dont have a live URL. This is how i've declared by scheduler.

<Telerik:RadScheduler
     ID="radschedulerMain"
     runat="server"
     AllowEdit="true"
     AllowInsert="true"
     AllowDelete="true"
     Width="800px"
     Height="500px"
     EnableViewState="false"
     DataKeyField="UID"
     DataSubjectField="Title"
     DataStartField="StartDate"
     DataEndField="EndDate"
     Skin="Vista"
     MinimumInlineFormHeight="110"
     MinimumInlineFormWidth="350"
     CustomAttributeNames="SiteURL,ListID,ItemID,TitleField,StartDateField,EndDateField">

    <InlineInsertTemplate>
        <div id="InlineInsertTemplate" class="rsCustomAppointmentContainer">
            <asp:Label ID="lblTitle" runat="server" Text="Add New Appointment"></asp:Label>
            <hr />
            <table cellspacing="5" width="400px">
            <tr>
            <td><asp:Label ID="lblSubject" runat="server" Text="Title"></asp:Label> </td>
            <td><Telerik:RadTextBox ID="txtInlineInsertTitle" runat="server" Width="150px" Text='<%# Bind("Subject") %>'></Telerik:RadTextBox></td>
            </tr>
            <tr>
            <td><asp:Label ID="lblList" runat="server" Text="Source List"></asp:Label> </td>
            <td><Telerik:RadComboBox ID="cbxInlineInsertLists" runat="server"></Telerik:RadComboBox></td>
            </tr>
            <tr>
            <td align="center">
            <asp:Button ID="btnInlineInsert" runat="server" Text="Add" CommandName="inlineInsert" ValidationGroup="grpInlineInsert" />
            &nbsp;&nbsp;&nbsp;&nbsp;
            <asp:Button ID="btnInlineCancel" runat="server" Text="Cancel" CommandName="inlineCancel" />
            </td>
            </tr>
            <tr>
            <td colspan="2">
            <asp:RequiredFieldValidator ID="rfvTitle" runat="server" Display="dynamic" ControlToValidate="txtInlineInsertTitle" Text="Title cannot be empty" ValidationGroup="grpInlineInsert" />
            </td>
            </tr>
            </table>
        </div>
    </InlineInsertTemplate>

</Telerik:RadScheduler>

I'm using this in SharPoint as a user control.

Any ideas?

Thank you.
NLV

[Kamen Bundev]

Hello Raghavendra,

I've tried the markup you've sent and again weren't able to reproduce the issue you have - working here almost the same in Firefox, IE7 and IE8. Can you isolate the issue in a sample project and send that instead? Usually stand-alone page with sample data plus all the CSS that gets included should suffice.

Regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[NLV]

Okie, give me some time. I'll post it a little later as i'm stuck with my schedule.

Thank you.