Nav bar from Scheduler on top of Advanced Insert form

2 posts, 0 answers
  1. Arun
    Arun avatar
    2 posts
    Member since:
    Feb 2012

    Posted 26 Sep 2012 Link to this post

    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> 

     

     

  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2033 posts

    Posted 28 Sep 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top