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

Rounded corners for Panel bar

7 Answers 192 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Jerry
Top achievements
Rank 1
Jerry asked on 09 Apr 2012, 08:36 PM
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

7 Answers, 1 is accepted

Sort by
0
Accepted
Kate
Telerik team
answered on 10 Apr 2012, 08:47 AM
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.
0
Jerry
Top achievements
Rank 1
answered on 10 Apr 2012, 03:17 PM
Kate,

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

Thank you
0
Jerry
Top achievements
Rank 1
answered on 10 Apr 2012, 03:37 PM
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
0
Kate
Telerik team
answered on 10 Apr 2012, 04:52 PM
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.
0
Jerry
Top achievements
Rank 1
answered on 11 Apr 2012, 08:19 PM
Kate,

Thank you for all your help.
0
Jerry
Top achievements
Rank 1
answered on 12 Apr 2012, 08:32 PM
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
0
Peter
Telerik team
answered on 17 Apr 2012, 12:05 PM
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.
Tags
PanelBar
Asked by
Jerry
Top achievements
Rank 1
Answers by
Kate
Telerik team
Jerry
Top achievements
Rank 1
Peter
Telerik team
Share this question
or