Custom skin display problem

3 posts, 0 answers
  1. favand
    favand avatar
    9 posts
    Member since:
    Aug 2011

    Posted 15 Dec 2016 Link to this post

    Hello,

    Im having issues with the new telerik theme builder avaible here http://themebuilder.telerik.com/
    I created a skin based on Material skin with orange color instead of green.
    Then, I placed the files in my App_Theme folder, set EnableEmbeddedSkin to false and Default Skin to "Avanti" (the name of the skin).
    However, im getting strange behavior and can't get the skin to render properly.

    I attached a screenshot of the result.

    What could cause this ?

     

  2. Rumen
    Admin
    Rumen avatar
    13243 posts

    Posted 16 Dec 2016 Link to this post

    Hi there,

    Thank you for the video and extra details in your ticket.

    Straight to the points:

    1) Animation - For the time being the animation effects are not available in the custom themes. My advice is to post a feature request in the feedback portal and to request support for it. If there is enough demand our Product Manager will raise the priority of this feature in the backlog.

    2) Ribbonbar border and 3) Transparent dropdown background - I'm currently working on this issues and write back on Monday.

     

    Best regards,
    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Rumen
    Admin
    Rumen avatar
    13243 posts

    Posted 19 Dec 2016 Link to this post

    Hello Favand,

    I investigated the problem further and was able to solve it using the following CSS, which I put in the head tag of the \SkinTelerikSample\MasterPages\BackOffice_Master.Master file:

    <style>
        .RadEditor_Avanti.reDropDownBody {
        background-color: #ffffff;
        }
        .RadRibbonBar_Avanti div.rrbWrap {
        border-color: #CFD8DC;
        }
        .RadRibbonBar .rrbTabs span.rrbLink {
        border-color: transparent;
        }
    </style>

    Best regards,
    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top