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

How to port the Telerik skin from RadControls to RadControls ASP .NET AJAX

3 Answers 39 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Joseph
Top achievements
Rank 1
Joseph asked on 24 Oct 2008, 10:34 PM
I have a customer that really likes the old Telerik skin from the RadControls classic (non-prometheus) version of Telerik.  The new version appears to use a completely different set of skins and a new format for custom skins.  The default skins are now embedded and the default Telerik skin looks completely different from the non-promtheus version.

The Telerik skin from the classic version had rounded corners which we really like.  I have access to the skin, but I'm wondering how difficult it is to modify the old Telerik skin to work in the new format?  Upon looking at the CSS file it appears difficult?  Has anyone already converted this theme?

This is the one I'm talking about:
http://www.section31.cc/webdev/telerik/DockTelerikSkin.gif 

thx,
joe

3 Answers, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 27 Oct 2008, 07:27 AM
Hi Joseph,

RadControls Classic and RadControls for ASP.NET AJAX (formerly known as "Prometheus") have totally different rendering - more semantic, accessible and usable, this is why the css styles differ for both versions.

We cannot tell how hard exactly it is to port the classic skins to the new rendering, but we recommend to try to modify a new skin and give it the classic looks, rather than creating one from a scratch. We also recommend to use these two excellent tools for debugging and troubleshooting - Internet Explorer Developer Toolbar and Mozilla FireBug - they will sure help you to understand the new rendering, etc.

Best wishes,
Martin Ivanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Joseph
Top achievements
Rank 1
answered on 27 Oct 2008, 02:55 PM
One big problem I'm having is attempting to figure out how to put rounded corner images on both sides of the dock titlebar.  The current layout in prometheus is a square.  Can you help me figure out which css elements I would need to modify to change the titlebar background to have rounded corners?  I have the PSD of the old telerik skin that I can slice up.

I need one rounded corner on the left with the 3 dots indicating a grip (e.g. an image).  I can get this from tiling a background however the problem is the right image.

The rounded corner on the right cannot come from a tiled background because the dock can be of variable width (and the right rounded corner would be tiled if the dock width exceeds the width of the background).

much obliged,
joseph
0
Martin
Telerik team
answered on 28 Oct 2008, 05:27 AM
Hi Joseph,

The new rendering of RadDock has some limitations, one of which is the support of rounded corners. However, there is a tiny trick you may use.

The default settings of RadDock do not have enough elements to which you can hook up in order to set rounded corner images, but if you set resizable="true" property in the server declaration of RadDock, you will have everything that you need. I suggest you to modify the Inox skin as it has rounded corners in the resizable mode. Make sure you use Internet Explorer Developer toolbar or Mozilla FireBug in order to find out the classes that will carry out the rounding.

Good luck!

Best wishes,
Martin Ivanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Dock
Asked by
Joseph
Top achievements
Rank 1
Answers by
Martin
Telerik team
Joseph
Top achievements
Rank 1
Share this question
or