the above link point to a "Tutorial: Creating A Custom Skin", but that is based on your older version of controls. your newer version is using "rmSprite.png" and no longer use "Menu|MenuBackGround.gif" etc and css structure seems to change a lot becuase I can't find the nodes that are mentioned in the above tutorial. This makes the above tutorial almost useless. Is there a newer version? where is it? Thanks.
7 Answers, 1 is accepted
We have scheduled for Q1 2010 to update the skins' documentation for all ASP.NET AJAX RadControls. Currently, we don't have a newer version of the topic you refer to.
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
I'm using version Q1 2010 and have the same problem-- has this topic been updated yet, or is there an online version of it somewhere?
Go to the URL you provided
- Select "New Skin"
- Select ASP.NET AJAX (the default selection)
- Enter "TestSkin1" for the name
- Use "Default" as the base skin selection
- Select the RadMenu control (only that control)
- Click Create
- Select the "Fine Tune" tab
- When the menu displays, click on "Expandable/Expanded"
- On the bottom area, change the Position value from -216px to -200px and press tab
- Click on the "Expanded (outer wrapper)" tab
- Click on the "Expandable (only inner)" tab
- Change that same value back from -200px to -216px
Note how the menu DOES NOT restore its appearance to what was rendered on load (since you just changed it back to load time values). Like I said before-- that tool is hit and miss. Especially when you change browsers.
Anyhoo, I solved my problem using raw CSS.
However, to anyone trying to learn Telerik components and skins (I've been using them for 7+ years), I highly recommend you use that tool as a learning tool. how? Simple. Load up the CSS/Skin/graphics on your local machine, then go to the online tool on another screen and tune the values you want to work with. Then download the Zip file and use a tool like CompareIt to compare the differences between the two files. Like this you can learn what you need to change without having to be connected to the internet everytime.
Oh, and Telerik, if you're listening, what would make that tool really cool is if you could click on elements, identify the value you wish to change (e.g., expand arrows, like in the above steps) and then highlight where in the CSS file we need to make the change. Like this, you show us on screen what to change, we get to change it in VS and we learn how to be self sufficient all at the same time. This saves the steps of packaging, downloading, unzipping and copying to directories as well.
I can see what it is you are saying about the UI not updating. Have you reported this to telerik? They can't fix what they don't know about.
Indeed, the steps that R described do not restore the look of the skin. And this is because the generated background-position overrides the one from the skin, because you have set it. And since the main idea behind CSS is to create cascading styles, the values that you apply get propagated to the other items.
If you don't want to save your modifications, don't go back and revert them, just click the "load last save" link.
the Telerik team
Stuart: If they were awarding points for reported bugs, maybe. And even then, the reward would need to be worth my time. Besides, I've been using their stuff long enough to know that their people monitor these boards and they'll find out about it anyway.