Custom wijmo Styles Not Working With wijmo:C1Menu (Firefox Only)

Originally Posted 30 September 2014, 6:47 pm EST

  • Originally Posted 30 September 2014, 6:47 pm EST

    It works fine in IE and Chrome but not Firefox. Firefox is behaving like it doesn't see the styles in the style sheet for the C1Menu.

    Version of ASP.Net Wijmo is 4.0.20142.181 (C1.Web.Wijmo.Controls.4.dll)

    These are the custom styles:


    .mainMenu
    {
    display: block;
    position: absolute;
    top: 1.04in;
    left: 0.1in;
    }

    .wijmo-wijmenu-list
    {
    font-family: Calibri, Cambria, Cochin, Times, 'Times New Roman' , serif;
    /*font-family: Georgia, Cambria, Cochin, Times, 'Times New Roman' , serif;*/
    font-style: normal;
    font-size: medium;
    margin-left: 0 !important;
    width: 168px !important;
    }

    .wijmo-wijmenu-link
    {
    font-family: Calibri, Cambria, Cochin, Times, 'Times New Roman' , serif;
    font-style: normal;
    font-size: small;
    margin-left: 0 !important;
    }

    Here is code from aspx file:

    <div id="MenuDiv" runat="server" class="mainMenu">
    <wijmo:C1Menu ID="HomeMenu" runat="server" CssClass="mainMenu" EnableTheming="True" Orientation="Vertical" TopLinkText="Quick Forms" Width="168px" Height="590px">
    <Animation Option="">
    </Animation>
    <ShowAnimation Option="">
    </ShowAnimation>
    <HideAnimation Option="">
    <Animated Effect="fade" />
    </HideAnimation>
    <Items>
    <wijmo:C1MenuItem ID="_hiName" runat="server" Text="Hi Name" ToolTip="My Profile" NavigateUrl="updateemployeeprofile.aspx" IconClass="ui-icon ui-icon-person" ImagePosition="Left">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_home" runat="server" Text="Home" NavigateUrl="Default.aspx" IconClass="ui-icon ui-icon-home" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_contactUs" runat="server" Text="Contact Us" NavigateUrl="Contactus.aspx" IconClass="ui-icon ui-icon-mail-closed" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_account" runat="server" Header="True" Text="Account">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_accountSecurity" runat="server" Text="Security" IconClass="ui-icon ui-icon-locked" ImagePosition="Right">
    <Items>
    <wijmo:C1MenuItem ID="_accountSecurityPassword" runat="server" NavigateUrl="emppasswordchange.aspx" Text="Change Password">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_accountSecuritySecretQuestion" runat="server" NavigateUrl="Changesecurityquestion.aspx" Text="Secret Question">
    </wijmo:C1MenuItem>
    </Items>
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_accountLogout" runat="server" Text="Logout" NavigateUrl="Logout.aspx" IconClass="ui-icon ui-icon-unlocked" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_quickReference" runat="server" Header="True" Text="Quick Reference">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceEmployee" runat="server" Text="Employee">
    <Items>
    <wijmo:C1MenuItem ID="_referenceEmployeeMyProfile" runat="server" Text="My Profile" NavigateUrl="updateemployeeprofile.aspx" IconClass="ui-icon ui-icon-person" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceEmployeeMyPayChecks" runat="server" Text="My Paychecks" NavigateUrl="emppaychecklist.aspx" IconClass="ui-icon ui-icon-document" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceEmployeeHandbook" runat="server" NavigateUrl="DownloadDocument.aspx?Document=EmployeeHandbook.pdf" Text="Employee Handbook" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceEmployeeHandbookChange2013" runat="server" NavigateUrl="DownloadDocument.aspx?Document=HandbookChange2013.pdf" Text="2013 Handbook Change" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceEmployeePersonalInformation" runat="server" NavigateUrl="DownloadDocument.aspx?Document=PersonalInformation.pdf" Text="Personal Information" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    </Items>
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefits" runat="server" Text="Benefits">
    <Items>
    <wijmo:C1MenuItem ID="_referenceBenefitsMyBenefits" runat="server" Text="My Benefits" NavigateUrl="mybenefits.aspx" IconClass="ui-icon ui-icon-suitcase" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <%-- <wijmo:C1MenuItem ID="_referenceBenefitsGuide" runat="server" NavigateUrl="DownloadDocument.aspx?Document=BenefitsGuide.pdf" Text="Benefits Guide" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>--%>
    <wijmo:C1MenuItem ID="_referenceBenefitsSpouseCoverage" runat="server" NavigateUrl="DownloadDocument.aspx?Document=SpouseCoverage.pdf" Text="Spouse Coverage" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsPrincipal" runat="server" Text="Principal">
    <Items>
    <wijmo:C1MenuItem ID="_referenceBenefitsPrincipalLink" runat="server" NavigateUrl="http://www.principal.com" Target="_blank" Text="principal.com" IconClass="ui-icon ui-icon-extlink" ImagePosition="Right">
    </wijmo:C1MenuItem>
    </Items>
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsUnitedHealthcare" runat="server" Text="United Healthcare">
    <Items>
    <wijmo:C1MenuItem ID="_referenceBenefitsUnitedHealthcareBenefitsSummary" runat="server" NavigateUrl="DownloadDocument.aspx?Document=UnitedHealthcareBenefitsSummary.pdf" Text="Benefits Summary" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsUnitedHealthcarePrescriptionSummary" runat="server" NavigateUrl="DownloadDocument.aspx?Document=UnitedHealthcarePrescriptionSummary.pdf" Text="Prescription Summary" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsUnitedHealthcareEnrollmentGuide" runat="server" NavigateUrl="DownloadDocument.aspx?Document=UnitedHealthcareEnrollmentGuide.pdf" Text="Enrollment Guide" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsUnitedHealthcareEnrollmentApplication" runat="server" NavigateUrl="DownloadDocument.aspx?Document=UnitedHealthcareEnrollmentApplication.pdf" Text="Enrollment Application" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsUnitedHealthcareCoverage" runat="server" NavigateUrl="DownloadDocument.aspx?Document=UnitedHealthcareCoverage.pdf" Text="Coverage" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsUnitedHealthcareLink" runat="server" NavigateUrl="http://www.employereservices.com" Target="_blank" Text="employereservices.com" IconClass="ui-icon ui-icon-extlink" ImagePosition="Right">
    </wijmo:C1MenuItem>
    </Items>
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsGuardian" runat="server" Text="Guardian">
    <Items>
    <wijmo:C1MenuItem ID="_referenceBenefitsGuardianBenfitsSummary" runat="server" NavigateUrl="DownloadDocument.aspx?Document=GuardianBenefitsSummary.pdf" Text="Benefits Summary" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsGuardianEnrollmentApplication" runat="server" NavigateUrl="DownloadDocument.aspx?Document=GuardianEnrollmentApplication.pdf" Text="Enrollment Application" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceBenefitsGuardianLink" runat="server" NavigateUrl="http://www.guardiananytime.com" Target="_blank" Text="guardiananytime.com" IconClass="ui-icon ui-icon-extlink" ImagePosition="Right">
    </wijmo:C1MenuItem>
    </Items>
    </wijmo:C1MenuItem>
    </Items>
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_referenceConcretePlants" runat="server" NavigateUrl="Concreteplants.aspx" Text="Concrete Plants">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_quickForms" runat="server" Header="True" Text="Quick Forms">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_formsDirectDeposit" runat="server" NavigateUrl="DownloadDocument.aspx?Document=DirectDepositForm.pdf&FileName=DirectDeposit" Text="Direct Deposit" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_formsW4" runat="server" NavigateUrl="DownloadDocument.aspx?Document=W4.pdf" Text="W4 Form" IconClass="ui-icon ui-icon-arrowthickstop-1-s" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_formsW2" runat="server" NavigateUrl="w2wage.aspx" Text="W2 Tax Statements" IconClass="ui-icon ui-icon-document" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_quickLinks" runat="server" Header="True" Text="Quick Links" IconClass="ui-icon ui-icon-extlink" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_linkRetirementPrincipal" runat="server" NavigateUrl="http://www.principal.com" Target="_blank" Text="Principal Retirement" IconClass="ui-icon ui-icon-extlink" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_linkHealthUnitedHealthcare" runat="server" NavigateUrl="http://www.employereservices.com" Target="_blank" Text="United Healthcare" IconClass="ui-icon ui-icon-extlink" ImagePosition="Right">
    </wijmo:C1MenuItem>
    <wijmo:C1MenuItem ID="_linkHealthLifeGuardian" runat="server" NavigateUrl="http://www.guardiananytime.com" Target="_blank" Text="Guardian Anytime" IconClass="ui-icon ui-icon-extlink" ImagePosition="Right">
    </wijmo:C1MenuItem>
    </Items>
    </wijmo:C1Menu>
    </div>

    IE version is 11.0.12
    Firefox version is 32.0.3

    [css][/css]




  • Marked as Answer

    Reply

    Hello,

    It seems not to be compiling here with build .181. Could you please provide me a sample application to debug this issue further?
    I get the similar output with build 176 for both IE and FireFox.


    Thanks,
    Deepak Sharma
  • Reply

    Hi Deepak,

    Turns out the problem for me was that the .wijmo-wijmenu styles were in my style sheet instead of embedded in my master page. This was causing the inconsistent behavior. Not sure if that is by design that the wijmo styles need to be embedded in the page.

    Thanks for taking a look.

    Gregg
  • Reply

    Hello Greg,

    Yes that is correct css files gets embedded in the web page. Please let me know if your issue is resolved.


    Thanks,
    Deepak Sharma
  • Reply

    Yes go ahead and close.

    Thank you Deepak!
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels