Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > RadControls in DotNetNuke > RadMenu in Safari

RadMenu in Safari

Feed from this thread
  • Varun avatar

    Posted on Sep 25, 2007 (permalink)

    Hi,

    I'm currently in the process to test RadMenu in DNN, I'm facing an issue where RadMenu DOES NOT wrap to next row in Safari browser, but instead the Full menu is displayed in single line and the Horizontal scroll bar appear at page bottom.

    This issue does not arise in any other browser .. please can anyone tell me why would this behaviour arise?

    thanks in advance .... !!!

    -Varun

    Reply

  • Peter Peter admin's avatar

    Posted on Sep 26, 2007 (permalink)

    Hello Varun,

    Thank you for reporting this issue. I was able to reproduce it locally too. However, I tried setting the Width property and it seemed that it took care of the problem:

    <dnn:RADMENU runat="server" id="dnnRADMENU" Width="800px" ...>

    Let us know if this is an acceptable solution for you.


    All the best,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center

    Reply

  • Varun avatar

    Posted on Sep 26, 2007 (permalink)

    Thanks, for your quick reply.

    I've already tried that but since my skin didn't use FIXED width as it was developed for 100% width so fixing the Menu width I guess canot be used as a solution.

    As this seems to be a Bug in radMenu so can i expect it to be fixed sooner? :-)))
    I mean I don't want to move onto another control as my cient liked this control quite well and Safari compatibility is an issue at present to go further.

    Reply

  • Peter Peter admin's avatar

    Posted on Sep 27, 2007 (permalink)

    Hi Varun,

    After further investigation we reduced the problem to the css styles of RadMenu. One solution is to overwrite the .radmenu class in the skin.ascx file or RadMenu:

    <%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %> 
    <style type="text/css">  
    .radmenu  
    {  
        white-space:normal !important;  
        float:none !important;  
        position:relative;  
    }  
    </style> 
    <table width="663" cellspacing="0" cellpadding="0" align="center" ID="Table3"

    Please, try this suggestion and let us know how it goes.



    Best wishes,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center

    Reply

  • Varun avatar

    Posted on Sep 27, 2007 (permalink)

    Oh Thanks. That solution did worked, now the RadMenu does wrap to multiple lines in full width skin in Safari.

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > RadControls in DotNetNuke > RadMenu in Safari