Rounded corners for Panel bar

8 posts, 1 answers
  1. Jerry
    Jerry avatar
    33 posts
    Member since:
    Oct 2008

    Posted 09 Apr 2012 Link to this post

    I looking for a way to make my panel bar menu have rounded corners to match aspects of my website.
    From what I read I need to create a custom skin but I can't find a link to the tutorial or for a description of how to make this happen.

    If anyone can give me any advice it would be appreciated.

    Thank you
  2. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 10 Apr 2012 Link to this post

    Hello Jerry,

    In general we do not provide support for this custom skin of the RadPanelBar but I prepared a simple project where I implemented rounded corners for the RadPanelBar control. However, one limitation is that you need to set a fixed width of the control so that the sprite image renders correctly. You will also need to add only the assembly files so you can run the project.

    Regards,
    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. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jerry
    Jerry avatar
    33 posts
    Member since:
    Oct 2008

    Posted 10 Apr 2012 Link to this post

    Kate,

    Thank you so much for the help.  I will look at the project very shortly. 

    Thank you
  5. Jerry
    Jerry avatar
    33 posts
    Member since:
    Oct 2008

    Posted 10 Apr 2012 Link to this post

    Kate,

    Do you have a link to a tutorial so I can do it myself?  I have to change the colors and layout of my panel bar along with adding the rounded corners.  My background for where my panel bar sits is not white so the corners do not appear correctly.  Is this something I have to change in the pictures or in the css?

    Thank you so much for all your help
  6. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 10 Apr 2012 Link to this post

    Hello Jerry,

    We do not have such tutorial but you can take a look at how you can change the sprite image that is applied to the RadTabStrip control and the RadMenu control. The approach that you need to take would be very similar with the RadPanelBar control:
    http://www.telerik.com/help/aspnet-ajax/menu-appearance-creating-custom-skins-sprite.html
    http://www.telerik.com/help/aspnet-ajax/tabstrip-appearance-custom-skin-sprite.html

    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.
  7. Jerry
    Jerry avatar
    33 posts
    Member since:
    Oct 2008

    Posted 11 Apr 2012 Link to this post

    Kate,

    Thank you for all your help.
  8. Jerry
    Jerry avatar
    33 posts
    Member since:
    Oct 2008

    Posted 12 Apr 2012 Link to this post

    Kate,

    I added the script code from your example to my project but changed it a little bit because I'm using VS 2008 SP1.
    Visual Studio gives me an error.  I explained it in this post 
    http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/jscript-intellisense---2012-q1-net-35.aspx

    If I remove this line the error goes away.
    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

    What can I do to make this error go away?

    Thank you
  9. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 17 Apr 2012 Link to this post

    Hello Jerry,

    The reference to this script file is needed only for intellisense, so you can simply remove it.

    Regards,
    Peter
    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
UI for ASP.NET Ajax is Ready for VS 2017