Issue with combining Style Sheets in Firefox

2 posts, 0 answers
  1. Jeff Nafe
    Jeff Nafe avatar
    46 posts
    Member since:
    Sep 2007

    Posted 01 Jul 2010 Link to this post

    Our menu renders incorrectly in Firefox (fine in IE8). While diagnosing the issue, I found that changing the EnableStyleSheetCombine property of the RadStyleSheetManager fixes this issue. When "true", the menu appears as the "MenuBad.jpg" file illustrates. When "false", it appears as the "MenuGood.jpg" file illustrates.

    The code for the RadStyleSheetManager and the RadMenu are as follows:

        <telerik:RadStyleSheetManager ID="ssm1" runat="server" EnableStyleSheetCombine="true"
                <StyleSheets> 
                    <telerik:StyleSheetReference Name="Turner.EA.aa.Skins.Styles.OrgComboBox.css" 
                       Assembly="xxx.EA.aa.Skins"></telerik:StyleSheetReference> 
                    <telerik:StyleSheetReference Name="xxx.EA.aa.Skins.Styles.MainMenu.css" 
                       Assembly="xxx.EA.aa.Skins"></telerik:StyleSheetReference> 
                    <telerik:StyleSheetReference Name="xxx.EA.aa.Skins.Styles.UtilityMenu.css" 
                       Assembly="xxx.EA.aa.Skins"></telerik:StyleSheetReference> 
               </StyleSheets> 
        </telerik:RadStyleSheetManager> 

            <telerik:RadMenu ID="RadMenu1" runat="server" Skin="WebBlue" Width="100%" EnableViewState="false" style="z-index:400;" > 
                <Items> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_myRuns_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_myRuns_roll.gif" NavigateUrl="myRundown.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_assign_more_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_assign_more_roll.gif" NavigateUrl="Assignments.aspx"
                        <Items> 
                            <telerik:RadMenuItem Text="Action Rundown" NavigateUrl="Assignments.aspx?VID=6" /> 
                            <telerik:RadMenuItem Text="Slot Editor Rundown" NavigateUrl="Assignments.aspx?VID=1" /> 
                            <telerik:RadMenuItem Text="Live Producers Rundown" NavigateUrl="Assignments.aspx?VID=2" /> 
                            <telerik:RadMenuItem Text="Futures Rundown" NavigateUrl="Assignments.aspx?VID=3" /> 
                            <telerik:RadMenuItem Text="Travel Rundown" NavigateUrl="Assignments.aspx?VID=4" /> 
                            <telerik:RadMenuItem Text="Non-Editorial Assignments Rundown" NavigateUrl="Assignments.aspx?VID=5" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_packages_more_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_packages_more_roll.gif" NavigateUrl="Packages.aspx"
                        <Items> 
                            <telerik:RadMenuItem Text="Editorial Package Rundown" NavigateUrl="Packages.aspx?VID=1" /> 
                            <telerik:RadMenuItem Text="Bank Package Rundown" NavigateUrl="Packages.aspx?VID=2" /> 
                            <telerik:RadMenuItem Text="Standing Booking Rundown" NavigateUrl="Packages.aspx?VID=3" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_affil_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_affil_roll.gif" NavigateUrl="Affiliates.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_drafts_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_drafts_roll.gif" NavigateUrl="Working.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_scheduleV_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_scheduleV_roll.gif" value="schedule"
                        <Items> 
                            <telerik:RadMenuItem Text="KU Truck Planning" value="trucks" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_rollcall_more_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_rollcall_more_roll.gif" NavigateUrl="RollCall.aspx"
                        <Items> 
                            <telerik:RadMenuItem Text="People" NavigateUrl="PersonnelSearch.aspx" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_linesum_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_linesum_roll.gif" NavigateUrl="LinesSummary.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_search_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_search_roll.gif" NavigateUrl="Search.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_reports_more_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_reports_more_roll.gif" NavigateUrl="Reports_Menu.aspx"
                        <Items> 
                            <telerik:RadMenuItem Text="Allocation" NavigateUrl="Reports_Allocation.aspx" /> 
                            <telerik:RadMenuItem Text="Analysis" NavigateUrl="Reports_Analysis.aspx" /> 
                            <telerik:RadMenuItem Text="Personnel Time" NavigateUrl="PersonnelTime.aspx" /> 
                            <telerik:RadMenuItem Text="Story Expenses" NavigateUrl="Reports_StoryExpensesFiltered.aspx" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_admin_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_admin_roll.gif" NavigateUrl="SiteAdmin.aspx" /> 
                </Items> 
            </telerik:RadMenu> 

            <telerik:RadMenu ID="RadMenu1" runat="server" Skin="WebBlue" Width="100%" EnableViewState="false" style="z-index:400;" > 
                <Items> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_myRuns_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_myRuns_roll.gif" NavigateUrl="myRundown.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_assign_more_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_assign_more_roll.gif" NavigateUrl="Assignments.aspx"
                        <Items> 
                            <telerik:RadMenuItem Text="Action Rundown" NavigateUrl="Assignments.aspx?VID=6" /> 
                            <telerik:RadMenuItem Text="Slot Editor Rundown" NavigateUrl="Assignments.aspx?VID=1" /> 
                            <telerik:RadMenuItem Text="Live Producers Rundown" NavigateUrl="Assignments.aspx?VID=2" /> 
                            <telerik:RadMenuItem Text="Futures Rundown" NavigateUrl="Assignments.aspx?VID=3" /> 
                            <telerik:RadMenuItem Text="Travel Rundown" NavigateUrl="Assignments.aspx?VID=4" /> 
                            <telerik:RadMenuItem Text="Non-Editorial Assignments Rundown" NavigateUrl="Assignments.aspx?VID=5" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_packages_more_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_packages_more_roll.gif" NavigateUrl="Packages.aspx"
                        <Items> 
                            <telerik:RadMenuItem Text="Editorial Package Rundown" NavigateUrl="Packages.aspx?VID=1" /> 
                            <telerik:RadMenuItem Text="Bank Package Rundown" NavigateUrl="Packages.aspx?VID=2" /> 
                            <telerik:RadMenuItem Text="Standing Booking Rundown" NavigateUrl="Packages.aspx?VID=3" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_affil_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_affil_roll.gif" NavigateUrl="Affiliates.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_drafts_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_drafts_roll.gif" NavigateUrl="Working.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_scheduleV_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_scheduleV_roll.gif" value="schedule"
                        <Items> 
                            <telerik:RadMenuItem Text="KU Truck Planning" value="trucks" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_rollcall_more_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_rollcall_more_roll.gif" NavigateUrl="RollCall.aspx"
                        <Items> 
                            <telerik:RadMenuItem Text="People" NavigateUrl="PersonnelSearch.aspx" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_linesum_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_linesum_roll.gif" NavigateUrl="LinesSummary.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_search_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_search_roll.gif" NavigateUrl="Search.aspx" /> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_reports_more_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_reports_more_roll.gif" NavigateUrl="Reports_Menu.aspx"
                        <Items> 
                            <telerik:RadMenuItem Text="Allocation" NavigateUrl="Reports_Allocation.aspx" /> 
                            <telerik:RadMenuItem Text="Analysis" NavigateUrl="Reports_Analysis.aspx" /> 
                            <telerik:RadMenuItem Text="Personnel Time" NavigateUrl="PersonnelTime.aspx" /> 
                            <telerik:RadMenuItem Text="Story Expenses" NavigateUrl="Reports_StoryExpensesFiltered.aspx" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                    <telerik:RadMenuItem ImageUrl="images/mainmenu/menu_button_admin_norm.gif" HoveredImageUrl="images/mainmenu/menu_button_admin_roll.gif" NavigateUrl="SiteAdmin.aspx" /> 
                </Items> 
            </telerik:RadMenu> 


  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 07 Jul 2010 Link to this post

    Hello Jeff,

    If turning on the stylesheet combining breaks the RadMenu skin, then we should be looking for the problem in all the skins that get combined. Can you send me those CSS files you are adding in the RadStyleSheetManager and also can you please specify the version of RadControls you are using in the project. You can open a support ticket if you don't want to make the skins public. Thank you in advance.

    Regards,
    Kamen Bundev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top