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

4 posts, 0 answers
  1. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 28 Jun 2013 Link to this post

    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 .
  2. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 28 Jun 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 29 Jun 2013 Link to this post

    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.
  5. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 01 Jul 2013 Link to this post

    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.
Back to Top