1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Social Network Authentication Login Buttons on Sidebar

Social Network Authentication Login Buttons on Sidebar, Manual Edits.

  1. RoldanLT

    RoldanLT Well-Known Member

    Evina submitted a new resource:

    Social Network Authentication Login Buttons on Sidebar (version 1.0.0) - Social Network Authentication Login Buttons on Sidebar, Manual Edits.

    Read more about this resource...
     
    Brandon Sheley likes this.
  2. Brandon Sheley

    Brandon Sheley Well-Known Member

    I couldn't get this working but I'll check it out again later when I have more time.
    Thanks for sharing! :)
     
  3. RoldanLT

    RoldanLT Well-Known Member

    What's the problem you encounter?
    No images on buttons ?
     
  4. Brandon Sheley

    Brandon Sheley Well-Known Member

    Ya I'm sure it was something I did, I was trying to add it quick last night before bed and we have a custom style from miner.
    I'll try it again tonight when I'll have more time, it looks awesome, I'm sure it was an error on my part :p
     
  5. Tracy Perry

    Tracy Perry Well-Known Member

    Is all you get a quick logon box? That is all that shows up on mine - and I have the latest of the required add-on installed. :oops:
     
    Brandon Sheley likes this.
  6. Brandon Sheley

    Brandon Sheley Well-Known Member

    I'll have to check it out again, this was 2 months ago so I have no idea what the issue was..lol
     
  7. Tracy Perry

    Tracy Perry Well-Known Member

    :D
    Trying to get the social logins to display below the regular login button. I figured out another way of doing it using TMS.
    If you want the TMS edits, I can send them to you in a conversation. Just let me know.
     
  8. Brandon Sheley

    Brandon Sheley Well-Known Member

    sure or you can post them here?
    I have TMS installed :)
     
  9. Tracy Perry

    Tracy Perry Well-Known Member

    Template to edit sidebar_visitor_panel
    Search for
    Code:
    <xen:if is="{$visitor.user_id}">
     
    <div class="section visitorPanel">
        <div class="secondaryContent">
       
            <xen:avatar user="$visitor" size="m" img="true" />
           
            <div class="visitorText">
                <h2>{xen:phrase signed_in_as_x_sidebar, 'name={xen:helper username, $visitor, 'NoOverlay'}'}</h2>       
                <div class="stats">
                <xen:hook name="sidebar_visitor_panel_stats">
                    <dl class="pairsJustified"><dt>{xen:phrase messages}:</dt> <dd>{xen:number $visitor.message_count}</dd></dl>
                    <dl class="pairsJustified"><dt>{xen:phrase likes}:</dt> <dd>{xen:number $visitor.like_count}</dd></dl>
                    <dl class="pairsJustified"><dt>{xen:phrase points}:</dt> <dd>{xen:number $visitor.trophy_points}</dd></dl>
                </div>
                </xen:hook>
            </div>
           
        </div>
    </div>
     
    <xen:else />
     
    <div class="section loginButton">       
        <div class="secondaryContent">
            <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
        </div>
    </div>
     
    </xen:if>
    
    Replace with

    Code:
    <xen:if is="{$visitor.user_id}">
     
    <div class="section visitorPanel">
        <div class="secondaryContent">
       
            <xen:avatar user="$visitor" size="m" img="true" />
           
            <div class="visitorText">
                <h2>{xen:phrase signed_in_as_x_sidebar, 'name={xen:helper username, $visitor, 'NoOverlay'}'}</h2>       
                <div class="stats">
                <xen:hook name="sidebar_visitor_panel_stats">
                    <dl class="pairsJustified"><dt>{xen:phrase messages}:</dt> <dd>{xen:number $visitor.message_count}</dd></dl>
                    <dl class="pairsJustified"><dt>{xen:phrase likes}:</dt> <dd>{xen:number $visitor.like_count}</dd></dl>
                    <dl class="pairsJustified"><dt>{xen:phrase points}:</dt> <dd>{xen:number $visitor.trophy_points}</dd></dl>
                </div>
                </xen:hook>
            </div>
           
        </div>
    </div>
     
    <xen:else />
     
    <div class="section loginButton">       
        <div class="secondaryContent">
            <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="OverlayTrigger inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
    <div align="center">
    <xen:if is="{$xenOptions.facebookAppId}">
    <li><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin"><span>{xen:phrase login_with_facebook}</span></a></li>
    </xen:if>
    <xen:if is="{$xenOptions.twitterConsumerKey}">
    <li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin"><span>{xen:phrase social_login_with_twitter}</span></a></li>
    </xen:if>
    <xen:if is="{$xenOptions.googleAppId}">
    <li><a href="{xen:link register/google, '', 'reg=1'}" class="googleLogin"><span>{xen:phrase social_login_with_google}</span></a></li>
    </xen:if> </div>
        </div>
    </div>
     
    </xen:if>
    Result is

    [​IMG]
     
    whitemorn and Brandon Sheley like this.
  10. Gopala Subramanium

    Gopala Subramanium Active Member

  11. Daniel-SP

    Daniel-SP Active Member


    I got mine to work in 1.3 replacing the code you mentioned with the following:


    Code:
    <xen:if is="{$visitor.user_id}">
    
    <div class="section visitorPanel">
        <div class="secondaryContent">
       
            <xen:avatar user="$visitor" size="m" img="true" />
           
            <div class="visitorText">
                <h2>{xen:phrase signed_in_as_x_sidebar, 'name={xen:helper username, $visitor, 'NoOverlay'}'}</h2>      
                <div class="stats">
                <xen:hook name="sidebar_visitor_panel_stats">
                    <dl class="pairsJustified"><dt>{xen:phrase messages}:</dt> <dd>{xen:number $visitor.message_count}</dd></dl>
                    <dl class="pairsJustified"><dt>{xen:phrase likes}:</dt> <dd>{xen:number $visitor.like_count}</dd></dl>
                    <dl class="pairsJustified"><dt>{xen:phrase points}:</dt> <dd>{xen:number $visitor.trophy_points}</dd></dl>
                </div>
                </xen:hook>
            </div>
           
        </div>
    </div>
    
    <xen:else />
    
    <div class="section loginButton">      
        <div class="secondaryContent">
            <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="OverlayTrigger inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
    <div align="center">
    <ul id="eAuthUnit">
                    <xen:hook name="login_bar_eauth_items">
                    <xen:if is="{$xenOptions.facebookAppId}">
                        <xen:require css="facebook.css" />
                        <li><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="110"><span>{xen:phrase login_with_facebook}</span></a></li>
                    </xen:if>
                   
                    <xen:if is="{$xenOptions.twitterAppKey}">
                        <xen:require css="twitter.css" />
                        <li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="110"><span>{xen:phrase login_with_twitter}</span></a></li>
                    </xen:if>
                   
                    <xen:if is="{$xenOptions.googleClientId}">
                        <xen:require css="google.css" />
                        <li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li>
                    </xen:if>
                    </xen:hook>
            </ul>
    </div>
    
    </xen:if>
    
     

Share This Page