AdvancedInsert Modal has no background

[Henrik Stig Andersen]

I am trying to apply the modal setting for advanced insert, and it pops up, but with no background, see attached image.

 

My code for the template is:

 

<AdvancedInsertTemplate>
                        <div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">
                            <div class="rsModalBgTopLeft"></div>
                            <div class="rsModalBgTopRight"></div>
                            <div class="rsModalBgBottomLeft"></div>
                            <div class="rsModalBgBottomRight"></div>
                            <div class="rsAdvContentWrapper">
                                <telerik:RadComboBox ID="InsertComboBox" runat="server" Label="Ordre                "
                                    DataSourceID="Insert" DataTextField="Titel" DataValueField="ID" Text='<%# Bind("Subject") %>' Skin="Metro">
                                </telerik:RadComboBox>
                                <telerik:RadDateTimePicker ID="StartInput" runat="server" Width="50%" Skin="Metro" SelectedDate='<%# Bind("Start") %>'>
                                    <Calendar runat="server" Enabled="false"></Calendar>
                                    <TimeView runat="server" StartTime="16:00" Interval="00:15" Columns="4"></TimeView>
                                    <DateInput runat="server" Label="Tænd"></DateInput>
                                    <DatePopupButton Visible="false" />
                                </telerik:RadDateTimePicker>
                                <br />
                                <telerik:RadDateTimePicker ID="EndInput" runat="server" DateInput-Label="Sluk" Skin="Metro"
                                    TimeView-Interval="00:30" TimeView-Columns="6" SelectedDate='<%# Bind("End") %>'>
                                    <Calendar runat="server" Enabled="false"></Calendar>
                                    <TimeView runat="server" StartTime="16:00" Interval="00:15" Columns="4"></TimeView>
                                    <DateInput runat="server" Label="Sluk"></DateInput>
                                    <DatePopupButton Visible="false" />
                                </telerik:RadDateTimePicker>
                                <br />
                                <telerik:RadSchedulerRecurrenceEditor ID="InsertRecurrenceEditor" runat="server" Visible="true" RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' Skin="Metro"></telerik:RadSchedulerRecurrenceEditor>
                                <asp:HiddenField runat="server" ID="OriginalRecurrenceRule" />
                                <asp:Panel runat="server" ID="ButtonsPanel" CssClass="rsAdvancedSubmitArea">
                                    <div class="rsAdvButtonWrapper">
                                        <telerik:RadImageButton ID="InsertButton" runat="server" Text="Tilføj" CommandName="Insert" Skin="Metro">
                                        </telerik:RadImageButton>
                                        <telerik:RadImageButton ID="InsertCancelButton" runat="server" Text="Luk" CausesValidation="false" CommandName="Cancel" Skin="Metro">
                                        </telerik:RadImageButton>
                                    </div>
                                </asp:Panel>
                            </div>
                        </div>
                    </AdvancedInsertTemplate>

[Peter Milchev]

Hello Henrik,

There seems to be some missing classes and elements. 

If you are using a custom Advanced form, I would recommend checking the structure of the one implemented in Custom Advanced Form with required Resources.

Regards,
Peter Milchev
Progress Telerik