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

Material skinned buttons not consistant

2 Answers 50 Views
Button
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 13 May 2016, 11:29 AM

There is a discrepancy on the top position of text between IE and Chrome for buttons rendered with the material skin.  This has changed from Q1 where they both worked.

Issue can be seen on this page and in the attached image.  Left part of the button is IE and right is Chrome.  IE seems to have an extra 2 px above the text.  

http://demos.telerik.com/aspnet-ajax/button/examples/overview/defaultcs.aspx?skin=Material

Please supply me with a temporary css fix - I couldn't see where the 2px is coming from....

Regards

Jon

 

2 Answers, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 13 May 2016, 03:02 PM
Hello Jon,

I have raised the priority of this issue, so that it will be resolved within one our next release. For the time being you can use some CSS workaround:

<style>
    .rbButton.RadButton.RadButton_Material,
    .RadButton.RadButton_Material .rbText {
        line-height: normal;
    }
</style>

As a small token of gratitude for reporting this issue I have updated your Telerik points.

Regards,
Danail Vasilev
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
0
Jon
Top achievements
Rank 1
answered on 16 May 2016, 07:34 AM

Many thanks Danail.

That seems to work better now :)

Tags
Button
Asked by
Jon
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Jon
Top achievements
Rank 1
Share this question
or