This is a migrated thread and some comments may be shown as answers.

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

1 Answer 84 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Sapandeep
Top achievements
Rank 1
Sapandeep asked on 23 Dec 2016, 08:51 PM

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>

 

 

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Veselin Tsvetanov
Telerik team
answered on 27 Dec 2016, 01:54 PM
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.
Tags
Menu
Asked by
Sapandeep
Top achievements
Rank 1
Answers by
Veselin Tsvetanov
Telerik team
Share this question
or