Odd rendering of Material Skin

2 posts, 0 answers
  1. david
    david avatar
    218 posts
    Member since:
    May 2007

    Posted 13 Jan 2016 Link to this post

    Windows 10 with Firefox and Chrome, Material skin not rendering properly (see attached image) 


    the "lightweight" is missing image; normal is missing button edge?


    <telerik:RadButton ID="btnSave" runat="server" OnClick="btnSave_Clicked"
                                Text="Save Note" Skin="Material" RenderMode="Lightweight">
                                <Icon PrimaryIconCssClass="rbSave"></Icon>

                            <telerik:RadButton ID="RadButton2" runat="server" OnClick="btnSave_Clicked"
                                Text="Save Note" Skin="Material">
                                <Icon PrimaryIconCssClass="rbSave"></Icon>

  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 15 Jan 2016 Link to this post

    Hi David,

    Please find my comments and suggestions below:

        - You should avoid placing controls with different renderings on the same page. More information is available here -http://docs.telerik.com/devtools/aspnet-ajax/controls/button/mobile-support/render-modes. Remove the button with the classic rendering on the page also resolves the issue with the icon displaying.
        - Material skin is available only for the ligthweight render mode. You can read more information on the matter here - http://www.telerik.com/blogs/get-your-apps-modernized-for-you-with-ui-for-asp.net-ajax

    Danail Vasilev
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top