Bad render in Different Browsers

4 posts, 0 answers
  1. Mahdi
    Mahdi avatar
    27 posts
    Member since:
    Oct 2013

    Posted 10 Nov 2013 Link to this post

    Hello . 
    We are using Telerik 2013 . Q1 . SP1 ,and we have some problems with rendering in Different Browsers.
    this menu shows Correctly in IE10 ,but It renders Incorrectly in FireFox 24.0 ,  Opera 12.15 , Chrome 30.0.1599.101 m ,
    and Safari 5.1.7 .
    I attached the Picture of This Problem .
    Our Menu begins with :<telerik:RadMenu ID="MainMenu" runat="server" dir="rtl" Skin="Office2007" OnItemClick="RadMenu1_ItemClick" Width="1020px" EnableRootItemScroll="true">

    I found some styles For Solving this Problem.I can't remember where I Found It.
    It is :
     * html div.RadMenu

      {
         
    display: inline !important;

        }

     

    + html div.RadMenu

     {

        display: inline !important;

     

     

    div.RadMenu

     {

         float: none !important;

       display: inline-block !important;

       vertical-align: middle !important;

     }
     
    div.RadMenu .rmRootLink .rmLeftImage, div.RadMenu .rmFirst
     {
        width
    : 16px;

        padding-right: 15px;

       }

     

     div.RadMenu, div.RadMenu .rmRootLink

     {

        width: 100%;

     }

    This style Solved My Problem in These Browsers , but this Problem Still Exist In IE8 and I Can't Find Anything for this version of IE .

     

     Can anybody Help Us?

  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 11 Nov 2013 Link to this post

    Hi Mahdi,

    I try to simulate your scenario with the version of our control you mentioned but the issue did not reproduce. You can see the behavior in this video video. Could you please send me a live URL or runnable project with the reproduced issue?


    Regards,
    Magdalena
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mahdi
    Mahdi avatar
    27 posts
    Member since:
    Oct 2013

    Posted 12 Nov 2013 Link to this post

    Hi
    How can I send Runnable Project For You ?When I want attach File to this Message I can Just
    use This Extension  .gif, .jpg, .jpeg, .png .
    and the Limite of file is 2mb .

  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 15 Nov 2013 Link to this post

    Hello Mahdi,

    You can send your project by submitting a support ticket from your Telerik account.

    Another possible way is upload your project to some server external - for example dropbox.

    Sending a live URL of the issue could be helpful identify the issue too.

    Regards,
    Magdalena
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top