Customizing the external login buttons in Asp.Net Web Forms

Question

I am working on a project that uses the Asp.Net Identity External login to allow users to login to the system using their Google, Facebook, Twitter, Microsoft account. Using the OAuth functionality I have implemented the external login successfully.    The problem is that the external login buttons that appear on the login page are plain white buttons like in the picture below:   While I want the buttons to display the image name of the particular provider like in the picture below:     I have looked into the tutorial provided at this link : (https://www.c-sharpcorner.com/UploadFile/4b0136/working-with-external-providers-in-mvc-5/).   How can I implement the same in Asp.Net Web Forms instead of MVC?

Junaid Sultan · Answer

All these links are for MVC. I am working on the web forms, not on MVC. The OAuth generates the login button based on the number of External Providers you enable in the Startup.Auth.cs file.   The buttons for Facebook, Google, Microsoft, Twitter are generated by the code in the OAuthProviders.ascx file.   Clearly you didn't understood the question that I asked.

Sanwar Ranwa · Answer

Hello Junaid   You can Use the Bootstarp icon on the Buttons to show these type of Button    https://lipis.github.io/bootstrap-social/    You can also check Below links   https://github.com/aspnet/Docs/blob/master/aspnet/mvc/overview/security/create-an-aspnet-mvc-5-app-with-facebook-and-google-oauth2-and-openid-sign-on.md    https://www.tutlane.com/tutorial/aspnet-mvc/oauth-facebook-login-for-asp-net-mvc-website-with-example   http://bitoftech.net/2014/08/11/asp-net-web-api-2-external-logins-social-logins-facebook-google-angularjs-app/   https://techbrij.com/save-email-oauth-openid-asp-net-mvc-simplemembership