Nav bar from Scheduler on top of Advanced Insert form

[Arun]

Hello,

For some reason, top view bar (Day, week, month as shown in screenshot) is always on top of my AdvancedInsert form.

Main Page

<

 

 

div class="exampleContainer">

 

 

 

<telerik:RadScheduler ID="RadScheduler1" runat="server" DataDescriptionField="LastName"

 

 

 

DataEndField="ApptEnd" DataKeyField="ScheduleID" DataStartField="ApptDate" DataSubjectField="Subject"

 

 

 

DayEndTime="18:00:00" DayStartTime="08:00:00"

 

 

 

SelectedView="WeekView"

 

 

 

EditFormDateFormat="M/d/yyyy"

 

 

 

EditFormTimeFormat="h:mm tt" AllowDelete="False" AllowEdit="False"

 

 

 

AllowInsert="True" Height="" >

 

 

 

<AdvancedForm Modal="true" Width="600" />

 

 

 

<AdvancedEditTemplate>

 

 

 

<div class="rsAdvancedEdit" style="position: relative; border: 1px solid black; background-color: white;

 

 

 

 

height: auto;">

 

 

 

<asp:Label ID="Label1" runat="server" Text="Edit Template"></asp:Label>

 

Test advanced Edit template

 

 

</div>

 

 

 

 

</AdvancedEditTemplate>

 

 

 

<AdvancedInsertTemplate>

 

 

 

<div class="rsAdvancedInsert" style="position: relative; border: 1px solid black;

 

 

 

 

background-color: white; height: auto;">

 

test advanced insert

 

 

<asp:Button ID="btnInsertAppointment" runat="server" Text="Insert" />

 

 

 

</div>

 

 

 

 

</AdvancedInsertTemplate>

 

 

 

<InlineInsertTemplate>

 

 

 

 

<div class="rsAdvancedEdit rsAdvancedModal" style="position: relative; width:400px;" >

 

 

 

<div class="rsModalBgTopLeft">

 

 

 

</div>

 

 

 

<div class="rsModalBgTopRight">

 

 

 

</div>

 

 

 

<div class="rsModalBgBottomLeft">

 

 

 

</div>

 

 

 

<div class="rsModalBgBottomRight">

 

 

 

</div>

 

 

 

<div class="rsAdvTitle">

 

 

 

<br />

 

New Appointment

 

 

<asp:LinkButton runat="server" ID="AdvancedEditCloseButton" CssClass="rsAdvEditClose" CommandName="Cancel" CausesValidation="false" />

 

 

 

 

</div>

 

 

 

<div class="rsAdvContentWrapper">

 

 

 

<uc1:AdvancedInsert ID="advInsert" runat="server" />

 

 

 

</div>

 

 

 

</div>

 

 

 

<asp:Panel runat="server" ID="ButtonsPanel" CssClass="rsAdvancedSubmitArea">

 

 

 

 

</asp:Panel>

 

 

 

 

</InlineInsertTemplate>

 

 

 

<TimeSlotContextMenuSettings EnableDefault="True" />

 

 

 

<AppointmentContextMenuSettings EnableDefault="True" />

 

 

 

<ExportSettings OpenInNewWindow="True">

 

 

 

</ExportSettings>

 

 

 

</telerik:RadScheduler>

AdvancedInsert.ascx

 

 

 

<table width="100%">

 

all other controls.....

 

 

</table> 

 

 

[Boyan Dimitrov]

Hello Arun,

I inspected the provided code and found what is causing this issue. By placing your user control and any additional markup in <AdvancedInsertTemplate> section instead <InlineInsertTemplate> will avoid this unusual behavior:

<telerik:RadScheduler ID="RadScheduler1" runat="server">
......
<AdvancedInsertTemplate>
            <uc1:advancedinsert id="advInsert" runat="server" />
</AdvancedInsertTemplate>
.........
</telerik:RadScheduler>

Please find the attached sample project based on your code that follows this approach.

I am glad to assist you. Don't hesitate to contact us if you have any further questions.


Kind regards,
Boyan Dimitrov
the Telerik team