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

Level 2 sub menu alignment horizontal

7 Answers 146 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Remi
Top achievements
Rank 2
Remi asked on 15 Jul 2008, 01:51 PM
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.

7 Answers, 1 is accepted

Sort by
0
Remi
Top achievements
Rank 2
answered on 24 Jul 2008, 05:55 PM
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.  



0
Paul
Telerik team
answered on 25 Jul 2008, 05:41 AM
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.
0
Remi
Top achievements
Rank 2
answered on 25 Jul 2008, 01:03 PM
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
0
Remi
Top achievements
Rank 2
answered on 28 Jul 2008, 01:19 PM
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,
0
Peter
Telerik team
answered on 28 Jul 2008, 02:54 PM
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.
0
Remi
Top achievements
Rank 2
answered on 28 Jul 2008, 03:05 PM
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.
0
Peter
Telerik team
answered on 28 Jul 2008, 03:12 PM

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.
Tags
TabStrip
Asked by
Remi
Top achievements
Rank 2
Answers by
Remi
Top achievements
Rank 2
Paul
Telerik team
Peter
Telerik team
Share this question
or