Highlighted Menu Item's background color not changing when page has radScheduler control

2 posts, 1 answers
  1. Sapandeep
    Sapandeep avatar
    13 posts
    Member since:
    Jan 2012

    Posted 23 Dec 2016 Link to this post

    I am using RadMenu control on Web forms along with RadScheduler on the page. But Selected Menu Item's background color not changing .

     

    Even when i am using pull down Menu item having sub items. Then again parent item is not getting highlighted when page has rad scheduler.

    I am using skin as Web20. Please advise.

     

    This is the Site Master code.

     

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="RElIntranet.Site" %>

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            var uploadedFilesCount = 0;
            var isEditMode;
            function validateRadUpload(source, e) {
                // When the RadGrid is in Edit mode the user is not obliged to upload file.
                if (isEditMode == null || isEditMode == undefined) {
                    e.IsValid = false;
                    if (uploadedFilesCount > 0) {
                        e.IsValid = true;
                    }
                }
                isEditMode = null;
            }

            function OnClientFileUploaded(sender, eventArgs) {
                uploadedFilesCount++;
            }

        </script>
        <asp:ContentPlaceHolder ID="head" runat="server">
        </asp:ContentPlaceHolder>
        <link href="RELStyles.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
            .style2 {
                width: 828px;
            }
        </style>
    </head>
    <body style="background-image: url('images/BlueVerticalGradient.png'); background-repeat: repeat-x; background-color: #b3c3cc">
        <form id="form1" runat="server">
            <telerik:RadScriptManager runat="server" ID="scriptManager1" EnableHandlerDetection="false">
            </telerik:RadScriptManager>
            <div>
                <table align="center" class="mainTable" width="993px">
                    <tr>
                        <td width="993px" class="whitebg">
                            <table width="993px">
                                <tr>
                                     
                                    <td align="center" width="713px">
                                        <table>
                                            <tr>
                                                <td>
                                                    <img src="Images/REL-logo.jpg" title="Reliant Share!" alt="Reliant Share!" />
                                                </td>
                                                <td class="RelHeaderText">Reliant Care Management Company <span class="RelHeaderTextSmall">L.L.C.</span></td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td align="right" height="114px" width="280px">
                                        <table height="114px" align="right">
                                            <tr>
                                                <td valign="top" align="right">
                                                    <asp:Label runat="server" CssClass="txtHeader" ID="lblName"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="headerContact" align="right" valign="bottom">To contact the Reliant Share! Administrator: <a href="mailto:becky.bos@primecaretech.com">click
                                                    here </a>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td >
                            <telerik:RadMenu RenderMode="Lightweight" EnableShadows="false" Width="993px" runat="server" OnItemClick="radMainMenu_ItemClick" ID="radMainMenu" >
                                <Items>
                                    <telerik:RadMenuItem Text="Home" runat="server" NavigateUrl="Welcome.aspx"></telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Event Calendar" NavigateUrl="EventCalendar.aspx"></telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Conference Rooms" >
                                        <Items>
                                            <telerik:RadMenuItem Text="Large Conference Room" runat="server" NavigateUrl="LargeConfRoom.aspx"></telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="Small Conference Room" runat="server" NavigateUrl="SmallConfRoom.aspx"></telerik:RadMenuItem>
                                        </Items>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text ="Conference Lines" >
                                        <Items>
                                            <telerik:RadMenuItem Text="All Users" Selected PageViewID="pvAlluserLine" runat="server" NavigateUrl="ConfLineAllUsers.aspx" ></telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="Ops Team Only" PageViewID="pvOpsteamLine" runat="server" NavigateUrl="ConfLineOpsTeam.aspx" ></telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="Wentric & Jim Only" PageViewID="pvW&JteamLine" runat="server" NavigateUrl="ConfLineWAndJ.aspx" ></telerik:RadMenuItem>
                                            <telerik:RadMenuItem Text="ALF/RCF" PageViewID="ALFRCFteamLine" runat="server" NavigateUrl="ConfLineALFRCF.aspx" ></telerik:RadMenuItem>
                                        </Items>
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Links" NavigateUrl="Links.aspx" runat="server">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Contacts" PageViewID="pvContacts" NavigateUrl="Contacts.aspx"
                                        runat="server">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Files" NavigateUrl="FileExplorer.aspx" runat="server">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="File Upload" NavigateUrl="FileUploader.aspx" runat="server">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Manage Announcements" PageViewID="pvManageAnnouncements" NavigateUrl="ManageAnnounceMents.aspx"
                                        runat="server">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Manage Links" NavigateUrl="ManageLinks.aspx" runat="server">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem Text="Files Admin" NavigateUrl="FileAdmin.aspx" runat="server">
                                    </telerik:RadMenuItem>
                                </Items>
                            </telerik:RadMenu>
                        </td>
                    </tr>
                    <tr>
                        <td runat="server" id="contentTD" class="cptd">
                            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                            </asp:ContentPlaceHolder>
                        </td>
                    </tr>
                </table>
            </div>
        </form>
    </body>
    </html>

     

    and this is the Radscheduler declaration on one of the pages.

     

    <table align="center">
        <tr>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td align="center"><asp:Label runat="server" ID="lblCalendarType" CssClass="txtHeader"></asp:Label></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
        </tr>
        <tr>
             
            <td align="center">
                    <telerik:RadScheduler Width="940px" runat="server" ID="ASIScheduler" DataDescriptionField="Description"
                        DataEndField="End" DataRecurrenceParentKeyField="RecurrenceParentID" DataRecurrenceField="RecurrenceRule"
                        DataKeyField="ID" DataReminderField="Reminder" DataSourceID="SqlDataSource1"
                        DataStartField="Start" DataSubjectField="Subject"
                        EnableDescriptionField="True" Height="700px"
                        SelectedView="MonthView" OnAppointmentDataBound="ASIScheduler_AppointmentDataBound">
                        <Reminders Enabled="True" />
                        <AdvancedForm Modal="true"></AdvancedForm>
                        <TimeSlotContextMenuSettings EnableDefault="true"></TimeSlotContextMenuSettings>
                        <AppointmentContextMenuSettings EnableDefault="true"></AppointmentContextMenuSettings>
                    </telerik:RadScheduler>
                    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:DevConnString %>"
                        SelectCommand="SELECT [ID], [Subject], [start], [End],[RecurrenceRule], [RecurrenceParentID], [Reminder], [Description], [Annotations] FROM [EventCalendar] where Calendartype=@CalendarType"
                        DeleteCommand="DELETE FROM [EventCalendar] WHERE [ID] = @ID" InsertCommand="INSERT INTO [EventCalendar] ([Subject], [Start], [End], [RecurrenceRule], [RecurrenceParentID], [Description],[Reminder],CalendarType,SavedBy) VALUES (@Subject, @Start, @End, @RecurrenceRule, @RecurrenceParentID, @Description, @Reminder,@CalendarType,@SavedBy)"
                        UpdateCommand="UPDATE [EventCalendar] SET [Subject] = @Subject, [Start] = @Start, [End] = @End, [RecurrenceRule] = @RecurrenceRule, [RecurrenceParentID] = @RecurrenceParentID, [Description] = @Description,[SavedBy]=@SavedBy WHERE [ID] = @ID">
                        <UpdateParameters>
                            <asp:Parameter Name="ID" Type="Int32"></asp:Parameter>
                            <asp:Parameter Name="Subject" Type="String"></asp:Parameter>
                            <asp:Parameter Name="Description" Type="String"></asp:Parameter>
                            <asp:Parameter Name="Start" Type="DateTime"></asp:Parameter>
                            <asp:Parameter Name="End" Type="DateTime"></asp:Parameter>
                            <asp:Parameter Name="RecurrenceRule" Type="String"></asp:Parameter>
                            <asp:Parameter Name="RecurrenceParentID" Type="Int32"></asp:Parameter>
                            <asp:Parameter Name="Reminder" Type="String"></asp:Parameter>
                            <asp:Parameter Name="SavedBy" Type="String"></asp:Parameter>
                        </UpdateParameters>
                        <InsertParameters>
                            <asp:Parameter Name="Subject" Type="String"></asp:Parameter>
                            <asp:Parameter Name="Description" Type="String"></asp:Parameter>
                            <asp:Parameter Name="Start" Type="DateTime"></asp:Parameter>
                            <asp:Parameter Name="End" Type="DateTime"></asp:Parameter>
                            <asp:Parameter Name="RecurrenceRule" Type="String"></asp:Parameter>
                            <asp:Parameter Name="RecurrenceParentID" Type="Int32"></asp:Parameter>
                            <asp:Parameter Name="Reminder" Type="String"></asp:Parameter>
                            <asp:Parameter Name="SavedBy" Type="String"></asp:Parameter>
                            <asp:Parameter Name="Calendartype" Type="String"></asp:Parameter>
                        </InsertParameters>
                        <SelectParameters>
                            <asp:Parameter Name="Calendartype" Type="String"></asp:Parameter>
                        </SelectParameters>
                    </asp:SqlDataSource>
     
            </td>

        </tr>
    </table>

     

     

     

  2. Answer
    Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    487 posts

    Posted 27 Dec 2016 Link to this post

    Hello Sapandeep,

    Attached you will find a Master and a Content pages, implementing your scenario. I was not able to observe the missing background issue, while testing the above.

    However, I have noticed, that you are referring a custom CSS file to the Master page. I would suggest you to remove that reference and test again your project. If the issue is no longer present, you will have to review the custom styling rules and remove the one that prevents the default styling of the Menu.

    If this does not solve the problem, I would like to ask you to replicate it on the attached sample and send us back that sample, along with a Support ticket.

    Regards,
    Veselin Tsvetanov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 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