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

Need to place a dropdown on radtabstrip menu

5 Answers 45 Views
Telerik Trainer
This is a migrated thread and some comments may be shown as answers.
Ubahariya
Top achievements
Rank 1
Ubahariya asked on 16 Oct 2011, 08:21 AM
Team,

I want to place a dropdown on radtabstrip control. But, I couldn't place a dropdown control inside the <tags> of <telerik:RadTabStrip>. I tried with radtoolbar control. But, I am not getting tab view with this control. I have attached my requirement. Kindly, look it out and suggest the best way to achieve it.

5 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 19 Oct 2011, 10:54 AM
Hello Ubahariya,

Can you please explain why you need to place a dropdown in the RadTabstrip control. Probably we could suggest a more appropriate approach with another control to achieve the desired functionality. For example simply using the RadMenu could give you the same look as you are trying to accomplish by using the RadTabStrip control.

Greetings,
Kate
the Telerik team
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 their blog feed now
0
Ubahariya
Top achievements
Rank 1
answered on 19 Oct 2011, 12:35 PM
Thanks for your reply.

This is what our requirement. To be more clear, PFA. We need to load some functionality when we select the first item of dropdown and we have some other functionality when we select the second item of dropdown.

Throughout the site, we are using RadTabStrip control. In particular page alone, we have got to use dropdown within the RadTabStrip control as per the requirement. I appreciate If we could achieve the same RadTabStrip look and feel using RadMenu. 

It would be helpful If you explain how to acheive like an attached image. It has dropdown with tab style. In most of the telerik pages I am looking these kind of tabstyle with dropdown. I have taken from the following URL: http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx.

Thanks & Regards
Ubahariya
0
Kate
Telerik team
answered on 20 Oct 2011, 01:19 PM
Hi Ubahariya,

The appearance that you need to achieve could be implemented using the RadMenu control. For example using some css class selectors you can put some margin between the root menu items as well as position the dropdown container a bit lower compared to its current position. Further you can customize the appearance by applying your own sprite as described here or use our visual style builder that is specially created for this purpose. Lastly you can apply an arrow image as demonstrated in the demo here.

Greetings,
Kate
the Telerik team
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 their blog feed now
0
Ubahariya
Top achievements
Rank 1
answered on 22 Oct 2011, 05:45 AM
Hello Kate,

I am unable to access "here" this URL.

Thanks & Regards
Ubahariya 

0
Kate
Telerik team
answered on 23 Oct 2011, 01:14 AM
Hi Ubahariya,

Below you can find the links:
http://www.telerik.com/help/aspnet-ajax/menu-appearance-creating-custom-skins-sprite.html
http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/expanddirection/defaultcs.aspx 

All the best,
Kate
the Telerik team
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 their blog feed now
Tags
Telerik Trainer
Asked by
Ubahariya
Top achievements
Rank 1
Answers by
Kate
Telerik team
Ubahariya
Top achievements
Rank 1
Share this question
or