AdvancedInsert Modal has no background

2 posts, 0 answers
  1. Henrik Stig Andersen
    Henrik Stig Andersen avatar
    4 posts
    Member since:
    Feb 2007

    Posted 23 Feb 2018 Link to this post

    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>
  2. Peter Milchev
    Admin
    Peter Milchev avatar
    532 posts

    Posted 27 Feb 2018 Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top