This is a migrated thread and some comments may be shown as answers.
Issue with combining Style Sheets in Firefox
1 Answer 25 Views
This is a migrated thread and some comments may be shown as answers.
Jeff Nafe
Top achievements
Rank 1
Jeff Nafe asked on 01 Jul 2010, 07:19 PM
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> 


1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 07 Jul 2010, 01:32 PM
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
Asked by
Jeff Nafe
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or