[Solved] Horizontal line disappears when using level 2 menu's

[Joe]

I've got the horizontal line to go all the way to the right using the following css:

.TabLine

 

{

 

 

 

background: url(tab-line.gif) repeat-x 0 100%;

 

 

 

height: 27px;

 

 

 }

But when I add a level 2 menu, the horizontal line disappears. I am using the Gray skin with the latest version of Rad Controls.

I cannot give a live example as the site is password protected.

Thanks,
Joe

 

 

[Kamen Bundev]

Hello Joe,

Please try to apply your background to a .rtsLevel element, this should do the trick.

If this doesn't work for you, I will need some kind of source example to test on, or alternatively you can open a support ticket and send me the skin source with it.

Greetings,

Kamen Bundev

the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Joe]

I'm not sure what you mean "Please try to apply your background to a .rtsLevel element", can you give me an example?

Thanks,
Joe

[Kamen Bundev]

Hi Joe,

Since .rtsLevel is the container of all other levels, applying a background to it will apply it to every level in it. Since Level 2 elements are with white background, only the first level will have a visible background. See the example below.

.RadTabStrip_Gray .rtsLevel
{
    background: url(tab-line.gif) repeat-x 0 100%;
    height: 27px;
}

Correct me if you are trying to do something else.

Greetings,

Kamen Bundev

the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Joe]

I added the new css to my css file and I tried replacing the CSS reference with rtsLevel and with RadTabStrip_Gray neither one will produce the line on the page with a level 2 menu. I'm I doing something wrong?

[Joe]

Never mind, I got it to work, I had to remove the height part of the css to get it to show up.

Thanks,
Joe