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

Custom skin RadTabStrip in RadWindow opened by RadEditor

2 Answers 19 Views
Window
This is a migrated thread and some comments may be shown as answers.
Rob
Top achievements
Rank 1
Rob asked on 22 Aug 2013, 02:42 PM
Hi,

I am creating a custom skin at the moment and i am running into the following issue:

I already skinned the Tabstrip control, and the RadWindow ( partially ).
But when i open a RadWindow that contains a TabStrip my custom skin css are not included in the iframe that is rendered by the radwindow leaving it 'unstyled'

I Attached a simple sample that shows my issue. To launch a RadWindow, press the hyperlink button in the editor.

2 Answers, 1 is accepted

Sort by
0
Rob
Top achievements
Rank 1
answered on 22 Aug 2013, 03:32 PM
wasn't aware i couldn't attach zip files to posts. I created a ticket instead.
0
Marin Bratanov
Telerik team
answered on 23 Aug 2013, 07:50 AM
Hello,

I have just answered your support ticket and I am pasting my response here for other people that may have the same query. If you have further questions or I have misunderstood I suggest we keep the discussion in the ticket and once a resolution is found you could post the answer here for the other members of the community.




From what I can gather from the project you want the entire project to use the custom skin FGH that you are working on.
I was not able to find a skin file that will set control properties, or the stylesheet declarations in the page or in the said skin file, so at this point I can only guess, but here is some information that, I believe, will help you advance:

- you need to make sure the needed stylesheets are present on the page. I believe the skin file will do this in your actual project, yet I feel obliged to add it here
- I believe you are referring to also skinning the built-in dialogs of the RadEditor. This is not just about skinning the RadWIndow that is their container
- to skin a RadEditor you need to take more steps because it makes use of many other controls:
   = you need to have custom skins prepared for the controls inside the dialogs - e.g. tabStrip, Splitter, FileExplorer, etc., depending on the tools and dialogs you are going to use
   = prepare a stylesheet file that will import all necessary css files for the dialogs. Note that this must be a combination of all needed stylesheets for all dialogs
   = set the DialogsCssFile property of the Editor to that file so it is loaded in the RadWIndow's iframe so it will be available for the controls inside
   = the following resources may help in this regard:
      == http://www.telerik.com/help/aspnet-ajax/editor-css-classes-and-their-use.html - the general concept of creating a custom skin
      == http://www.telerik.com/help/aspnet-ajax/editor-dialogscssfile.html - what is the DialogsCssFile property and how to use it
      == http://www.telerik.com/support/kb/aspnet-ajax/editor/register-external-skin-vista-radeditor.aspx - a KB article with an example of its use. It may be a bit outdated because it was created a long time ago, but the general approach is still the same, only the controls list may need some tweaks



Regards,
Marin Bratanov
Telerik
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 the blog feed now.
Tags
Window
Asked by
Rob
Top achievements
Rank 1
Answers by
Rob
Top achievements
Rank 1
Marin Bratanov
Telerik team
Share this question
or