By Neel on Friday, 29 August 2014
Posted in General Issues
Replies 30
Likes 0
Views 1.7K
Votes 0
Hi,

I want to have the ES login dropdown module in all pages (see attached image below). Unfortunately this type of module is not available with ES built in modules. So I thought of using the toolbar module for this. But here I dont want to display everything that a toolbar displays. I only want to show the login icon that drop-down the login forms when clicked similar to the way it is in frosty theme but nothing else (meaning no notifications, search bar, bottom links, etc.). So for this, I tried creating a module override for 'mod_easysocial_toolbar'. For this I thought of replacing the default.php file from this:
<?php echo $toolbar->render( $options );?>


to something like this so only the login dropdown shows when using the toolbar module:
<div id="fd" class="es mod-es-toolbar <?php echo ($options['responsive']) ? 'es-responsive' : ''; ?> module-social<?php echo $suffix;?>">
<?php if( ( !$this->my->id && ( $login ) ) ){ ?>
<div class="es-toolbar-avatar">
<ul class="fd-nav">

<?php if( !$this->my->id && ( $login ) ){ ?>
<li class="dropdown_">
<?php echo $this->includeTemplate( 'site/toolbar/default.login' , array( 'facebook' => $facebook )); ?>
</li>
<?php } ?>

</ul>
</div>
<?php } ?>
</div>


Obviously the above doesnt work since it then shows the error: "Using $this when not in object context."

Can you tell me how I can edit the toolbar module so the following is possible:

1) Use this module to only display the login drop-down for users not logged in and nothing else.

2) This module override doesnt affect the settings / layout of the toolbar component that is shown in ES pages when using frosty theme.

I also tried the 'EasySocial Log Box ' and 'EasySocial Login' module and thats not what I want. I want to show a login in a drop-down style only like it is in frosty toolbar. Any help will be appreciated please...
Hello Neel,

I don't think it's actually possible to reuse these codes within a module However, there's some good news for you as we're actually updating the mod_easysocial_dropdown_menu to include a login as a popup because someone actually requested for this in the Wanderers template. We'll try to add them into EasySocial 1.3
·
Friday, 29 August 2014 23:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark. That is a good news. Since I posted, I was trying to work out how to do this and the only way I could think of is to directly edit the default.php in components toolbar folder. Now that you will be adding this in 1.3, it is a big help and a much needed feature since I dont need to do a lot of manual overrides to the toolbar. Thanks again...
·
Saturday, 30 August 2014 01:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark, When you add this module in 1.3, would it also be possible to have a setting for redirection page after login? That will be useful too.
·
Saturday, 30 August 2014 05:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Neel,

We already have a settings for this within EasySocial itself under Settings > Users
·
Saturday, 30 August 2014 15:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Yeah I know. I already do have "Stay on same page" setting there which works fine when I use the login form. But I noticed that if I am using the login-dropdown using the Toolbar module, when this module is used to login the user is redirected only to the dashboard page after login even if the setting is "stay on same page" in back-end. I am assuming its probably due to this login dropdown being a toolbar module that is maybe considering dashboard as the current page even if the module is placed in all pages. I dont know but thats what I think. Hopefully the behaviour changes when this is used in dropdown module.
·
Saturday, 30 August 2014 18:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Neel,

Ah, it's probably also because the module itself has it's own settings. Hence, it's respecting the module's settings instead.
·
Saturday, 30 August 2014 22:43
·
0 Likes
·
0 Votes
·
0 Comments
·
I don't think it's actually possible to reuse these codes within a module However, there's some good news for you as we're actually updating the mod_easysocial_dropdown_menu to include a login as a popup because someone actually requested for this in the Wanderers template. We'll try to add them into EasySocial 1.3

Hi Mark, Just now I installed the 1.3 Beta to get it ready and I noticed that the drop down login isint included just yet. Would there be another beta / RC release with this added?
·
Sunday, 07 September 2014 15:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Neel,

Yes, we haven't actually started working on it yet
·
Sunday, 07 September 2014 20:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark. I'll wait for it then. This module and the admin broadcast (I just tested it and it works nice) are the 2 main features I am looking for in 1.3 since I will be disabling Events for my site.

Would you be releasing a RC or another beta for 1.3 before the stable release?
·
Sunday, 07 September 2014 21:02
·
0 Likes
·
0 Votes
·
0 Comments
·
We'll be pushing another beta
·
Sunday, 07 September 2014 21:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Brilliant!
·
Sunday, 07 September 2014 21:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks
·
Sunday, 07 September 2014 21:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark, Just now I installed the 1.3.2 version and added the Login Drop down box using the dropdown menu module. Thank you for this inclusion. This is very useful and much needed. However, I am seeing that the dropdown login is missing the following links at the bottom:

+ Create new account
? I forgot my username
? I forgot my password.


Please see the screenshot in my first post if you are not sure what bottom links I am referring to. Why were these not included in the login dropdown? Would you be able to include these as well please?
·
Saturday, 13 September 2014 19:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Neel,

This module is actually too small to include those items. It's purpose is to actually display just a login button. If you want something more complex, you should go ahead with the login module
·
Saturday, 13 September 2014 23:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark, its not too small and also the links are only added to the bottom which doesnt increase the width of the module size in any ways. I just thought having forgot password/username is useful with a login module. If someone does forgot these info, they can't find it out unless they enter a wrong credential in this module first and get redirected to a login page. If I am using the login (log box) module everywhere, then I might not need to use this drop down module in the first place. I dont understand how the module can be too small for those 3 links since you have the same drop down type used in toolbar module for login.
·
Sunday, 14 September 2014 00:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Also does it mean Facebook login will not work in this dropdown login too?
·
Sunday, 14 September 2014 00:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Neel,

Thanks, I will review this again and see if I can update this in the next release. By the way, Facebook is already there, http://screencast.com/t/EckRwmlbNFTn
·
Sunday, 14 September 2014 01:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark.
·
Sunday, 14 September 2014 01:16
·
0 Likes
·
0 Votes
·
0 Comments
·
The module will look like this in the next version http://screencast.com/t/bD0KMAWF
·
Sunday, 14 September 2014 01:29
·
0 Likes
·
0 Votes
·
0 Comments
·
That is perfect Mark. Even better and simpler than the login drop down used in Frosty theme's toolbar. Awesome Mark. This will complete the login dropdown module.

Just a suggestion, I was thinking you might even be better of having it as a separate login module itself. Right now, for a new comer who is exploring ES's built in modules for the first time, they might first start looking for this under a Login module and not many might realise to see under Dropdown menu module. So maybe you can have this as "EasySocial Dropdown Login" module next to your login and log box module? If not dont worry. Maybe I am just over thinking.
·
Sunday, 14 September 2014 02:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the input on this.
·
Sunday, 14 September 2014 12:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

Has this module been released yet? I purchased easysocial a few weeks ago and I can not find a drop down log in form which can be used on all pages.

Any advice would be greatly appreciated.

Thanks.
·
Thursday, 06 August 2015 07:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fidel,

You can search for easysocial dropdown menu from module manager, http://screencast.com/t/sEn84R9jYK . Check out my screenshot here on how it looks like on the frontend, http://screencast.com/t/sa1048T2H52J .
·
Thursday, 06 August 2015 11:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

I was able to find the module after some digging but I am unable to get it to position itself in the top bar and then move around responsively.
I was able to use some css to get it into the right position for a full screen view but then it doesnt slide over as the screen resizes

Can you maybe help me with this?
·
Friday, 07 August 2015 03:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Fidel,

I am really sorry but not really sure what you are trying to achieve here. Can you please provide us with some screen shots?
·
Friday, 07 August 2015 03:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I will have to rebuild the module because I deleted it last night after I couldnt figure it out.

Thanks
·
Friday, 07 August 2015 03:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Thank you for your patience.

Here is a screenshot of the module in place using bad css lol.

The issue im having is that I had to set a fixed position in order to get it to display there. I would like for it to move when the screen is resized.

Here is the CSS that I used to get it to go to the corner:

#fd.es.mod-es-dropdown-menu .mod-bd{
position: fixed;
z-index: 999;
min-width: 100%;
margin-top: -73px;
left: 1170px;
}
·
Friday, 07 August 2015 04:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fidel,

The module position is actually depends on your template positioning on your site. If the position is not exist, you need to manually alter the position via css. I believe your current fix is good enough and I can see from the screenshot that It is actually look very nice.
·
Friday, 07 August 2015 11:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

As stated, the solution somewhat works but the module will not move to the left as the screen resizes so if you make the screen smaller it stays anchored at -1170 px and essentially disappears. If you are aware of any code to make this adjust its positioning that would be awesome.

Thanks.
·
Friday, 07 August 2015 14:13
·
0 Likes
·
0 Votes
·
0 Comments
·
I believe EasySocial's wrapper will have a custom class when the screen is resized. You should inspect this with firebug / developer tool to see the classes that are added on the wrapper
·
Saturday, 08 August 2015 04:05
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post