ASP.NET login with custom Facebook and Google buttons

I am creating a website that uses a Facebook and Google account to register an account. I am working correctly, but I want to customize the buttons that appear on the login page. I'm not sure how these buttons are created. On the Login.cshtml page:

<section id="socialLoginForm">
    @Html.Partial("_ExternalLoginsListPartial", new ExternalLoginListViewModel { ReturnUrl = ViewBag.ReturnUrl })
</section>

On the displayed HTML page:

<form action="/Account/ExternalLogin" method="post"><input name="__RequestVerificationToken" type="hidden" value="BHNMCUkwp2vT26dQmD98yK52RaMQ18VkBeuH8ukS15WbRxofMAdbrGOoc0qS6HWvRUWgnJM6_tlkaDktGwCQVKS6hiD_gsH8242nckCrzBE6HKgH-OZsETVWj5nYYcxWj8u7nQ8CpFK6KzR8rDJyrg2" />            
    <div id="socialLoginList">
        <p>
            <button type="submit" class="btn btn-default" id="Google" name="provider" value="Google" title="Log in using your Google account">Google</button>
            <button type="submit" class="btn btn-default" id="Facebook" name="provider" value="Facebook" title="Log in using your Facebook account">Facebook</button>
        </p>
    </div>
</form>

I'm not sure how to create a new stylized custom button for Facebook and Google and link them directly to the corresponding external login pages?

+4
source share
1 answer

_ExternalLoginsListPartial - , . , html- . , . , , .

+5

All Articles