How to apply material design lite to asp .net form buttons?

Asked Sep 05 '16 at 15:46

Active Sep 05 '16 at 15:46

Viewed 973 times

This question is not duplicate to this one. I am trying to materialize the button (ASP.NET web form control). Button is materialized but unable to get ripple effect. Actually this works for normal button (HTML control).

HTML Snippet

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
  Button
</button>

This works perfectly with ripple effect.

ASP.Net Snippet

<asp:Button ID="Button1" runat="server" text="button" CssClass="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--accent"/>

This is not working as expected. I was searching this issue and finally got this link. Anyways I cant solve the issue. The problem is I cant get ripple effect for asp.net controlled button. IS there any way to do this?

edited Jun 20 '20 at 09:12

Community

asked Sep 05 '16 at 15:46

borden06

I think you need to use a pur html button. After it depends what button do. But you can trigge hidden asp.net button in javascript from the html button. – Mr_Thorynque Sep 05 '16 at 15:56
does not create – Mr_Thorynque Sep 05 '16 at 15:57
@Mr_Thorynque please ellaborate.. – borden06 Sep 05 '16 at 16:00
@Mr_Thorynque So you actual point is to use html button and trigger it by runtat="server" attribute so that it will work as asp.net button – borden06 Sep 05 '16 at 16:52
You can refer to this question http://stackoverflow.com/questions/187482/how-can-i-use-the-button-tag-with-asp-net – Mr_Thorynque Sep 06 '16 at 06:32
@Mr_Thorynque thanks..now got an idea... – borden06 Sep 06 '16 at 18:51

How to apply material design lite to asp .net form buttons?

0 Answers0