Radlistbox not visible in Scheduler's Advanced form Popup

[Manmeet]

Hi telerik team

I am stuck in a weird problem, I used radlistbox in Advanced edit/insert template (Advanced Edit/Insert template) but whenever popup opens through the javascript code, radlistbox is not visible but the functionality works fine. It may be due to paint() or print() functionality of Listbox.

I used the same javascript function "function schedulerFormCreated(scheduler, eventArgs)" which you used in your example.

I also tried to reprint the listbox on dummy button's client click on advanced form but it doesn't work. Please help to sort out this problem.

Regards
Manmeet Singh

[Manmeet]

Hi telerik team

Please help me to sort out this problem.

Regards
Manmeet Singh

[Veronica]

Hello Manmeet,

The "Advanced Template" demo demonstrates how to customize the Advanced Form. Have you added the ListBox in the Advanced Form?

Could you please attach the full code so we can help you?

Thank you!

All the best,
Veronica Milcheva
the Telerik team

[Manmeet]

Hi

thanks for your reply.

Yes i used RadListBox in Advanced Form. part of the code is

<div class="rsAdvancedEdit" style="position: relative">
    <%-- Title bar. --%>
    <div class="rsAdvTitle">
        <%-- The rsAdvInnerTitle element is used as a drag handle when the form is modal. --%>
        <h1 class="rsAdvInnerTitle">
            <asp:Label runat="server" Text="Schedule a meeting" ID="lblApt_Header"></asp:Label></h1>
        <asp:LinkButton runat="server" ID="AdvancedEditCloseButton" CssClass="rsAdvEditClose"
            CommandName="Cancel" CausesValidation="false" ToolTip='<%# Owner.Localization.AdvancedClose %>'>
            <%= Owner.Localization.AdvancedClose %>
        </asp:LinkButton>
    </div>
    <div class="rsAdvContentWrapper">
        <%-- Scroll container - when the form height exceeds MaximumHeight scrollbars will appear on this element--%>
        <div class="rsAdvOptionsScroll">
            <asp:Panel runat="server" ID="AdvancedEditOptionsPanel" CssClass="rsAdvOptions">
                <asp:Panel runat="server" ID="BasicControlsPanel" CssClass="rsAdvBasicControls" OnDataBinding="BasicControlsPanel_DataBinding">
                    <telerik:RadTextBox runat="server" ID="SubjectText" Width="500px" Label='<%# Owner.Localization.AdvancedSubject + ":" %>'
                        Text='<%# Eval("Subject") %>' Skin='<%# Owner.Skin %>' />
                    <div class="DivVSep">
                    </div>
                    <%--<telerik:RadAjaxPanel ID="pnlLocation" runat="server">--%>
                    <asp:Panel ID="pnlLocation" runat="server">
                        <telerik:RadTextBox runat="server" ID="LocationText" Width="250px" Text='<%# Eval("Location") %>'
                            CssClass="rsAdvResourceLabel" Skin='<%# Owner.Skin %>' Label="Location:" />
                        <div class="DivVSep">
                        </div>
                    </asp:Panel>
                    <%--</telerik:RadAjaxPanel>--%>
                    <div class="DivVSepBordered">
                    </div>
                    <ul class="rsTimePickers">
                        <li class="rsTimePick">
                            <label for='<%= StartDate.ClientID %>_dateInput_text'>
                                <%= Owner.Localization.AdvancedFrom +":" %></label><%--
                             Leaving a newline here will affect the layout, so we use a comment instead.
                            --%><telerik:RadDatePicker runat="server" ID="StartDate" CssClass="rsAdvDatePicker"
                                Width="83px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>' MinDate="1900-01-01">
                                <DatePopupButton Visible="False" />
                                <DateInput ID="DateInput1" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
                                    EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
                            </telerik:RadDatePicker>
                            <%--

                            --%><telerik:RadTimePicker runat="server" Width="70px" ID="StartTime" CssClass="rsAdvTimePicker"
                                Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>' On>
                                <DateInput ID="DateInput2" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
                                <TimePopupButton Visible="false" />
                                <TimeView ID="TimeView1" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
                                    EndTime="18:00" Interval="00:30" />
                            </telerik:RadTimePicker>
                        </li>
                        <li class="rsTimePick">
                            <label for='<%= EndDate.ClientID %>_dateInput_text'>
                                <%= Owner.Localization.AdvancedTo +":"%></label><%--

                            --%><telerik:RadDatePicker runat="server" ID="EndDate" CssClass="rsAdvDatePicker"
                                Width="83px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>' MinDate="1900-01-01">
                                <DatePopupButton Visible="False" />
                                <DateInput ID="DateInput3" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
                                    EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
                            </telerik:RadDatePicker>
                            <%--

                            --%><telerik:RadTimePicker runat="server" Width="70px" ID="EndTime" CssClass="rsAdvTimePicker"
                                Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>' On>
                                <DateInput ID="DateInput4" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
                                <TimePopupButton Visible="false" />
                                <TimeView ID="TimeView2" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
                                    EndTime="18:00" Interval="00:30" />
                            </telerik:RadTimePicker>
                        </li>
                        <li class="rsAllDayWrapper" style="display: none;">
                            <asp:CheckBox runat="server" ID="AllDayEvent" CssClass="rsAdvChkWrap" Checked="false" />
                        </li>
                    </ul>
                    <div class="DivVSepBordered">
                    </div>
                    <ul class="rsTimePickers">
                        <li class="rsTimePick">
                            <label for='<%= ResPriority.ClientID %>'>
                                Priority:</label><%--
                             Leaving a newline here will affect the layout, so we use a comment instead.
                            --%><telerik:RadComboBox runat="server" ID="ResPriority" Skin='<%# Owner.Skin %>'
                                Width="100px" CssClass="rsAdvResourceValue">
                                <Items>
                                    <telerik:RadComboBoxItem Text='<%# Orchid.CRM.Web.Frontend.GlobalEnums.Priority.Low.ToString() %>' Value='<%# Orchid.CRM.Web.Frontend.GlobalEnums.Priority.Low.ToString() %>' />
                                    <telerik:RadComboBoxItem Text='<%# Orchid.CRM.Web.Frontend.GlobalEnums.Priority.Medium.ToString() %>' Value='<%# Orchid.CRM.Web.Frontend.GlobalEnums.Priority.Medium.ToString() %>' Selected="true" />
                                    <telerik:RadComboBoxItem Text='<%# Orchid.CRM.Web.Frontend.GlobalEnums.Priority.High.ToString() %>' Value='<%# Orchid.CRM.Web.Frontend.GlobalEnums.Priority.High.ToString() %>' />
                                </Items>
                            </telerik:RadComboBox>
                        </li>
                        <li class="rsReminderWrapper">
                            <label for='<%= ReminderDropDown.ClientID %>'>
                                Reminder:</label><%--

                            --%><telerik:RadComboBox runat="server" ID="ReminderDropDown" Width="120px" Skin='<%# Owner.Skin %>'>
                            <Items>
                                <telerik:RadComboBoxItem Text='<%# Owner.Localization.ReminderNone %>' Value="0" />
                                <telerik:RadComboBoxItem Text='<%# "15 " + Owner.Localization.ReminderMinutes %>' Value="15" />
                                <telerik:RadComboBoxItem Text='<%# "1 " + Owner.Localization.ReminderHour %>' Value="60" />
                                <telerik:RadComboBoxItem Text='<%# "1 " + Owner.Localization.ReminderDay %>' Value="1440" />
                                <telerik:RadComboBoxItem Text='<%# "1 " + Owner.Localization.ReminderWeek %>' Value="10080" />
                            </Items>
                        </telerik:RadComboBox>
                        </li>
                    </ul>

...... & so on

In cs i used the same get set property as you used in Advance Form example.

AdvancedForm.js file is same as you used in the sample.

To open the Popup I used the same javascript function "function schedulerFormCreated(scheduler, eventArgs)" which you used in your example.

Is it all you need or something else, please let me know.

Regards
Manmeet Singh

[Manmeet]

Hi telerik team

i got it somehow. actually the issue is with the skin value of corresponding controls. In pop up it doesn't load the Owner.Skin value. when i remove the Skin='<% Owner.Skin %>' from each control it started wokring (nd visible :) ...  ).

Please take a look at this issue, waiting for your response.

Regards
Manmeet Singh

[Veronica]

Hi Manmeet,

I'm glad you've been able to solve your problem.

However I can not see how the Skin='<%# Owner.Skin %>' would reflect on the page. "Owner" represents the Scheduler and the purpose is that when you set the Skin property of the Scheduler - all of the controls in the Advanced Form which have Skin='<%# Owner.Skin %>' will be with the same skin.

Have you set some Custom skin to the RadListBox?

Regards,
Veronica Milcheva
the Telerik team