Need to place a dropdown on radtabstrip menu

6 posts, 0 answers
  1. Ubahariya
    Ubahariya avatar
    7 posts
    Member since:
    Aug 2011

    Posted 16 Oct 2011 Link to this post

    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.
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 19 Oct 2011 Link to this post

    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
  3. Ubahariya
    Ubahariya avatar
    7 posts
    Member since:
    Aug 2011

    Posted 19 Oct 2011 Link to this post

    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
  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 20 Oct 2011 Link to this post

    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
  5. Ubahariya
    Ubahariya avatar
    7 posts
    Member since:
    Aug 2011

    Posted 22 Oct 2011 Link to this post

    Hello Kate,

    I am unable to access "here" this URL.

    Thanks & Regards
    Ubahariya 

  6. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 22 Oct 2011 Link to this post

    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
Back to Top