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

Problem with separator in firefox and safari

4 Answers 148 Views

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

4 Answers, 1 is accepted

answered on 07 Apr 2008, 01:54 PM

Hello Rob,

I tried to reproduce the problem, but to no avail.
The separator is displayed fine in FF 2.0 and Safari for Windows 3.0.4

Here is my html:

    
            <telerik:RadMenu ID="RadMenu1" runat="server"> 
        
                <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                <Items> 
        
                    <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1"> 
        
                    </telerik:RadMenuItem> 
        
                    <telerik:RadMenuItem runat="server" Text="" IsSeparator="true" Width="5"> 
        
                    </telerik:RadMenuItem> 
        
                    <telerik:RadMenuItem runat="server" Text="Root RadMenuItem3"> 
        
                    </telerik:RadMenuItem> 
        
                    <telerik:RadMenuItem runat="server" Text="Root RadMenuItem4"> 
        
                    </telerik:RadMenuItem> 
        
                </Items> 
        
            </telerik:RadMenu>

Below is a screenshot of the separator under FireFox and Safari.

Regards,
Veskoni
the Telerik team

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

answered on 08 Apr 2008, 12:40 AM

Hi Veskoni,

Thanks for that. I have realised that my separators weren't displaying at all. as I had thought that specifying no skin was permissible. Now I have created a skin based on Default (bu set te background colours to white) and the separators are showing, and they are the same in all browsers.

The actual problem was that IE is inserting an additional space to the right of the image on the menu item. THis hppens with my customised skin and with the default skin, and also with the "old" radcontrols menu.

I am not using text on the menu items, by the way, just a graphic image.

Is there a known way around this? I can't see where this is coming from. Is it IE adding a space to the right of the image, or IE making the menu button bigger than my image?

Here is the code that creates my buttons:

myMenuItem.ImageUrl = "~/App_Themes/" & strTheme & "/Images/" & strImage

myMenuItem.ImageOverUrl = "~/App_Themes/" & strTheme & "/Images/" & strRollover

myMenuItem.Text = ""

I'm not sure how to give you a snapshot of what the difference looks like.

Kind regards,

Rob