Odd rendering of Material Skin

[david]

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>

[Danail Vasilev]

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