This is a migrated thread and some comments may be shown as answers.

Odd rendering of Material Skin

1 Answer 28 Views
Button
This is a migrated thread and some comments may be shown as answers.
david
Top achievements
Rank 1
david asked on 13 Jan 2016, 05:35 PM

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>

1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 15 Jan 2016, 09:21 AM
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
Tags
Button
Asked by
david
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or