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

Is this Skin Builder is able to redesign all Elements and Controls

3 Answers 79 Views
Visual Style Builder
This is a migrated thread and some comments may be shown as answers.
Vargis
Top achievements
Rank 2
Vargis asked on 28 Jun 2013, 05:28 AM
We need to customize these elements to the new theme created using Telerik Visual Style Builder which is not listed in the current list of Controls...

  1. Fieldset
  2. H1 H2 H3 and H4
  3. Window Title Bar Image etc.
(This is already in the VS Builder but cant change its skin according to the theme we designed)
Please help its very urgent .

3 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 28 Jun 2013, 06:37 AM
Hi,

Thanks for contacting us. I am afraid I do not understand completely your question, so straight to your questions:

Fieldset - will be decorated by RadFormDecorator custom skin.
H1 H2 H3 and H4 - H1, H2, and H3 will not be decorated by any control. RadFormDecorator will decorate H4, H5, and H6
Window Title Bar Image etc. - You could pick RadWindow and decorate elements. Note that some parts of the control are decorated through the CSS properties and other parts with ImageSprites (including titlebar icon).

In shortly, Visual Style Builder is a powerful tool which will help you to generate all needed files in order to have a custom skin and will allow you to customize most elements - such as colors, background colors, and image sprite colors. However for some more specific customizations you will need to do it by hand - for example - different height and width for specific part of the controls or an icon with a different dimensions etc.

(This is already in the VS Builder but cant change its skin according to the theme we designed) - I do not understand what you are trying to archive. The Visual Style Builder skin chooser allow you only to pick a predefined Skin, which is part of the embedded Telerik skin but not a custom skin, that you have built. Once you built a skin, and you want to edit it again, you should Import & Edit Skin option to upload the custom skin inside the Builder and continue with editing.

Regards,
Bozhidar
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.
0
Vargis
Top achievements
Rank 2
answered on 29 Jun 2013, 05:45 AM
Thanks for your timely reply

But Boss ...I need some more clarifications

Fieldset - will be decorated by RadFormDecorator custom skin.
Where we will find this RadFormDecorator custom skin??? Is it included in Visual Style Builder ...If not how we will megre into the new theme created using  Visual Style Builder.

Window Title Bar Image etc. - You could pick RadWindow and decorate elements. Note that some parts of the control are decorated through the CSS properties and other parts with ImageSprites (including titlebar icon).

Here i need to change the background image too ...hw it is possible?? Bcz its main element which makes the theme is changed.

Also I need to change the Window Background color.
0
Bozhidar
Telerik team
answered on 01 Jul 2013, 07:08 AM
Hello,

Fieldset - will be decorated by RadFormDecorator custom skin.
Where we will find this RadFormDecorator custom skin??? Is it included in Visual Style Builder ...If not how we will megre into the new theme created using  Visual Style Builder.


Fieldset will be decorated by any skin. Custom or embedded. RadFormDecorator can style various elements: Buttons, CheckBoxes, TextBox, RadioButtons, Fieldset, Textarea, etc. Look a the provided demo and play with the configuration panel to see how the elements look with and without decoration. RadFormDecorator Custom Skin Tutorial will give you more details about skin usage and customization. When you create a new skin with Visual Style Builder, and Select all controls option is checked all controls will be included in the generated new skin folder RadFormDecorator also.

Here i need to change the background image too ...hw it is possible?? Bcz its main element which makes the theme is changed.

The Icon is part of the RadWindow sprite. The sprite contains the elements for the Window sides, Action buttons and Title Icon. When you create custom skin and you want to edit the sprite image, you have to open it with a software such as Adobe Photoshop and to edit it in the way you like it.

Also I need to change the Window Background color.

By Creating custom skin, you will also have the option to change RadWindow background color with CSS. RadWindow Custom skin Tutorial will give you more details of how to create a custom skin and which CSS classes you should edit.

Regards,
Bozhidar
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
Visual Style Builder
Asked by
Vargis
Top achievements
Rank 2
Answers by
Bozhidar
Telerik team
Vargis
Top achievements
Rank 2
Share this question
or