Level 2 sub menu alignment horizontal

[Remi]

Hello,

I'm using radtabstrip navigation and I have two levels of tabs. Level1 is the main tab level and level 2 consists of the sub tab options (child tabs) for the main level (parent tabs).

I'm looking to center align the level 2 sub tab options underneath their level 1 main level parent.

Any assistance is appreciated. I suspect this can be easily done through the CSS.

Thanks.

[Remi]

Hello,

I'm still working on finding a solution.

Does anyone have one?
Does this functionality exist in the RadTabStrip?
Does Telerik plan to add this functionality in the future?

I've performed some analysis and customization and found that what is required is to position the secondary, level 2 unordered list (ul) via CSS via an onmouseover on the main level 1 tabs. There are still a few issues with this approach and I'd rather something more integrated with the RadTapStrip. 

Any help and, or insight is much appreciated, thanks in advance.  

[Paul]

Hello Remi,

Please refer to our Alignment online example for details on the matter.

Regards,
Paul
the Telerik team

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

[Remi]

Hi,

I'm not trying to align both sets of tabs, only the bottom set of the tabs.

The level 1 / main tabs should be aligned left, and the level 2 tabs should be aligned center under their main tab parent.

Your example aligns both sets of tabs the same way. This is not what I'm trying to achieve, but thanks for the reference.

Any other advice? suggestions? much appreciated.

Thanks

[Remi]

Hello,

P.S. here is a great example of what we are trying to achieve. 

http://www.microsoft.com/sqlserver/2008/en/us/data-services.aspx

Notice the secondary level 2 tabs load center under the main level 1 tabs. BOTH are not aligned the same way, they have different alignments.

Another example is:

http://www.nasdaq.com/

Thanks,

[Peter]

Hi Remi,

Please, check the Change tabs on mouseover help topic. I hope you find it helpful.

Greetings, Peter
the Telerik team

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

[Remi]

Hello,

I understand how to change tabs on a mouseover. I'm successfully doing this.

I understand you have an alignment option / property on the radtabstrip to change alignment for all levels (alignment must be same for all levels).

I'm trying to change the alignment for the second level to be different than the first. Did you review the examples I posted?

For example, I want the level 1 tabs to be left aligned, and the level 2 tabs to be center aligned under their parent level 1 tab.

I've read through your example and searched your site thoroughly without success.

I was able to get it working through javascript and css but I wrote custom code and theres still more custom code to write to get it working completely.

It would be nice if you included this functionality in the control.

I'm failing to understand why you cannot just add a property to the radtab to control the alignment for that set of tabs, as oppose to having an align property for the whole radtabstrip.

Thanks for the references and assistance, it is appreciated, but I feel like we're talking about different things.

[Peter]

Thanks for the clarification. If I understand you correctly, then the desired functionality cannot be achieved out-of-the-box. We will, however, consider your feedback and suggestion. Thanks.



Peter
the Telerik team

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