php - Make a custom login screen for the HWIOAuth Bundle using bootstrap -


{% extends '::base.html.twig' %}  {% block content %}     <div>         {% if is_granted("is_authenticated_remembered") %}             {{ 'layout.logged_in_as'|trans({'%username%': app.user.username}, 'fosuserbundle') }} |             <a href="{{ path('fos_user_security_logout') }}">                 {{ 'layout.logout'|trans({}, 'fosuserbundle') }}             </a>         {% else %}             <a href="{{ path('fos_user_security_login') }}">{{ 'layout.login'|trans({}, 'fosuserbundle') }}</a>         {% endif %}     </div>      {% type, messages in app.session.flashbag.all %}         {% message in messages %}             <div class="{{ type }}">                 {{ message|trans({}, 'fosuserbundle') }}             </div>         {% endfor %}     {% endfor %}      <div>         {% block fos_user_content %}         {% endblock fos_user_content %}     </div>  {% endblock %} 

for screen has appearance appear buttons login facebook or gmail, example of how more visual screen icons login , centralized.

thank you.

            <div class="custombtn"><a href="{{ path('hwi_oauth_service_redirect', {'service': 'facebook'}) }}">                     {% image 'bundles/delivveweb/images/facebook.png' %}                     <img src="{{ asset_url }}">                     {% endimage %}                 </a></div>             <div class="custombtn"><a href="{{ path('hwi_oauth_service_redirect', {'service': 'google'}) }}">                     {% image 'bundles/delivveweb/images/google.png' %}                     <img src="{{ asset_url }}">                     {% endimage %}                 </a></div>             <div class="custombtn"><a href="{{ path('hwi_oauth_service_redirect', {'service': 'linkedin'}) }}">                     {% image 'bundles/delivveweb/images/in.png' %}                     <img src="{{ asset_url }}">                     {% endimage %}                 </a></div> 

i way more customizable login menu did provider , controller make treatment of user if needs send comment below edit answer.


Comments

Popular posts from this blog

Android : Making Listview full screen -

javascript - Parse JSON from the body of the POST -

javascript - Chrome Extension: Interacting with iframe embedded within popup -