Telerik skins for regular asp.net controls

6 posts, 0 answers
  1. brian
    brian avatar
    23 posts
    Member since:
    Aug 2008

    Posted 02 Nov 2011 Link to this post

    Hi,

    I am wondering whether or not it is possible to apply Telerik skins to regular ASP.NET controls (text box, label, drop down list etc). If it is in fact possible, can you please provide with snippet of how it can be done. 

    Thanks!
  2. Jayesh Goyani
    Jayesh Goyani avatar
    2732 posts
    Member since:
    May 2010

    Posted 03 Nov 2011 Link to this post

    Hello,

    you can achieve this thing by using FormDecorator.

    By using

    Thanks,
    Jayesh Goyani
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. brian
    brian avatar
    23 posts
    Member since:
    Aug 2008

    Posted 03 Nov 2011 Link to this post

    Thanks Jayesh, that seems to be working.
  5. Sepehr
    Sepehr avatar
    2 posts
    Member since:
    May 2013

    Posted 16 Oct 2013 Link to this post

    Hi,

    thanks for the well designed skins,
    but the form-decorator does not apply the skin to all objects on the screen.

    in my project, I have used skin-manager and form-decorator in master-page ,and user can select which skin he wants to use and the selected skin name is saved in his/her profile and reused every time he/she logs in.

    my problem is that the form decorator does not apply the skin to all form element, i.e. it applies to <fieldset> but not to <table> and <div> and many other. this makes some inconveniences in UI design.

    I would prefer that form-decorator could apply the skin to all objects on the page
    if it is not possible, my question is:

    How can I get different style elements based on current chosen skin. for example, how can I set the main page background and foreground color according to the currently selected skin?

    Any extra (simple) information or samples on this issue is appreciated!
    thanks for your help,
    Sepehr
  6. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1493 posts

    Posted 18 Oct 2013 Link to this post

    Hi Sepehr,

    You can find the list of the simple HTML elements as well as the standard ASP controls which can be decorated by the RadFormDecorator in Integration With Standard Controls help article. You may also find useful the effect of RadFormDecorator on RadControls in Integration With RadControls help article.

    HTML elements like divs and tables, however, do not get in the decoration scope of the RadFormDecorator control. What I can suggest, however, is to consider that RadFormDecorator applies its wrapper classes to the HTML elements and use them for a CSS cascade to style any elements that cannot be decorated by RadFormDecorator. By using the RadForm_SkinName to cascade, you will ensure to apply the styles you like to the desired element you want.

    I have created a short VS example that illustrates such approach on decorating Table element with Forest and Sunset Skins. Once you have created the styles for the skins and set the classes to the elements, you can use the ShowChooser property of the RadSkinManager, in order to change the skins of the styled elements.

    You can find the VS example as well as a short video that demonstrates this in the attached archive.

    Regards,
    Danail Vasilev
    Telerik
    Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
  7. Sepehr
    Sepehr avatar
    2 posts
    Member since:
    May 2013

    Posted 19 Oct 2013 Link to this post

    Daniel,
    It was great!

    your idea of CSS Cascading with RadForm_SkinName helped me a lot.

    Thanks,
    Sepehr
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017