Appointment Context Menu alters Menu skin

[Bryan Smouse]

I've attached a couple of images showing my issue.  We are using the RadMenu on our master page and using the 2008.Q3 skin named "Default" by utilizing the Direct Skin registration method detailed in this post: http://www.telerik.com/community/forums/aspnet-ajax/menu/radmenu-q3-2008-skins-available-for-download.aspx

This has been working well and the menu is rendered in the old default skin, see telerikexample1.jpg.  On one page on our site we have a RadScheduler.  The issue is that when I add an Appointment context menu to the RadScheduler the RadMenu changes to the new Default skin, see telerikexample2.jpg. 

Here is the RadScheduler code:

<telerik:RadScheduler ID="RadScheduler1" runat="server" ShowFooter="False" TimeZoneOffset="00:00:00"
                        SelectedView="MonthView" TimelineView-UserSelectable="false" EnableEmbeddedSkins="true"
                        OverflowBehavior="Scroll" OnAppointmentUpdate="RadScheduler_AppointmentUpdate"
                        DataKeyField="TransactionID" DataStartField="ServiceStartTime" DataEndField="ServiceEndTime"
                        DataSubjectField="Subject" OnAppointmentDataBound="RadScheduler_AppointmentDataBound"
                        OnFormCreating="RadScheduler_FormCreating" HoursPanelTimeFormat="htt" ValidationGroup="RadScheduler1"
                        StartEditingInAdvancedForm="false" StartInsertingInAdvancedForm="False" EnableRecurrenceSupport="false"
                        CustomAttributeNames="OrdersDisciplineCode,ProcessingStatus,EncounterID,TransactionID,EditLinkURL,DeleteLinkURL"
                        AdvancedForm-EnableCustomAttributeEditing="true" RowHeight="18" OnNavigationCommand="RadScheduler1_NavigationCommand"
                        OnTimeSlotCreated="RadScheduler_TimeSlotCreated" ColumnWidth="90" Height="510px"
                        Width="649px" EnableAdvancedForm="false" AllowDelete="false">
                        <MonthView VisibleAppointmentsPerDay="10" ReadOnly="true" />
                        <TimelineView UserSelectable="False" />
                        <TimeSlotContextMenuSettings EnableDefault="false" />
                        <AppointmentContextMenus>
                            <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerAppointmentContextMenu" Skin="Default" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false">
                                <Items>
                                    <telerik:RadMenuItem Text="Edit" Value="CommandEdit" ImageUrl="~/Images/page_white_edit.png" />
                                    <telerik:RadMenuItem Text="Delete" Value="CommandDelete" ImageUrl="~/Images/Delete.gif" />
                                </Items>
                            </telerik:RadSchedulerContextMenu>
                        </AppointmentContextMenus>
                    </telerik:RadScheduler>

If I remove the AppointmentContextMenus block, the RadMenu renders using the old Default skin correctly.

How do I override the way the AppointmentContextMenus style seems to affect the RadMenu?

Thanks,
Bryan

[Bryan Smouse]

After additional testing, if I use any skin other than "Default" on the RadScheduler then the RadMenu renders ok.  For the time being, I am going to use the Sitefinity skin as it is close to the Default in color scheme and move on. 

[T. Tsonev]

Hello Bryan,

You can use the AppointmentContextMenuSettings and TimeSlotContextMenuSettings to disable the embedded skins:

<AppointmentContextMenuSettings EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" />
<TimeSlotContextMenuSettings  EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" />

I hope this helps.

All the best,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.