ASP.NET Identity-Login mit benutzerdefinierten Facebook & Google-Schaltflächen

Question

Ich erstelle eine Website, die Facebook & Google-Authentifizierung für die Kontoregistrierung verwendet. Ich habe es richtig funktioniert, aber ich möchte die Schaltflächen anpassen, die auf der Anmeldeseite angezeigt werden. Ich bin mir nicht sicher, wie diese Buttons erstellt werden. Auf der Login.cshtml Seite:

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

Von der gerenderte HTML-Seite:

<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> 

Ich bin nicht sicher, wie ich eine andere stilisierte benutzerdefinierte Schaltfläche für Facebook und Google erstellen und sie direkt verlinken zu den passenden externen Login-Seiten?

Answer 1

_ExternalLoginsListPartial ist eine Teilansicht, die Sie in Ihrem Sichtenordner haben. Achten Sie darauf, und es sollte die Tasten HTML-Code oder Rasierer sein. Dort können Sie die Schaltflächen anpassen. Und für die Anpassung habe ich immer this lib verwendet Aber natürlich können Sie immer Ihre eigenen machen.