Odd rendering of Material Skin

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

    Posted 13 Jan 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>

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

  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 15 Jan 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

    Regards,
    Danail Vasilev
    Telerik
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top