RadMenu in Safari

5 posts, 0 answers
  1. Varun
    Varun avatar
    9 posts
    Member since:
    Sep 2007

    Posted 25 Sep 2007 Link to this post

    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

  2. Peter
    Admin
    Peter avatar
    6637 posts
    Member since:
    Sep 2012

    Posted 26 Sep 2007 Link to this post

    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

  3. Varun
    Varun avatar
    9 posts
    Member since:
    Sep 2007

    Posted 26 Sep 2007 Link to this post

    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.

  4. Peter
    Admin
    Peter avatar
    6637 posts
    Member since:
    Sep 2012

    Posted 27 Sep 2007 Link to this post

    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

  5. Varun
    Varun avatar
    9 posts
    Member since:
    Sep 2007

    Posted 27 Sep 2007 Link to this post

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

Back to Top