This is a migrated thread and some comments may be shown as answers.

Bad render in Different Browsers

3 Answers 72 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Mahdi
Top achievements
Rank 1
Mahdi asked on 11 Nov 2013, 05:05 AM
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?

3 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 11 Nov 2013, 03:02 PM
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.
0
Mahdi
Top achievements
Rank 1
answered on 12 Nov 2013, 10:36 AM
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 .

0
Magdalena
Telerik team
answered on 15 Nov 2013, 08:29 AM
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.
Tags
Menu
Asked by
Mahdi
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Mahdi
Top achievements
Rank 1
Share this question
or