Events layout in sidebar
By Andrew on Wednesday, 09 December 2015
Posted in Technical Issues
Likes 0
Views 883
Votes 0
1) Noticing that 'Events' and 'Coming' Events' have different layouts in ES Sidebar column. Could we get the layout of 'Coming Events' (see screenshot Layout 2) to be same as 'Events' layout (see screenshot layout 1)?

As the 'Coming Events' does not even fit properly in the column although 'Events' (layout 1) does.

2) Then, how do we rearrange the order of items in the ES Sidebar column?
Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here.

Actually that was different html structure with the event module and upcoming widget, we will see if we can improve this in the future version.

For this temporary solution, I have to put the font size smaller from the button, so it will display exactly same layout now. Can you download my attached file and replace into same file again?
JoomlaFolder\media\com_easysocial\apps\user\events\themes\default\widgets\dashboard\upcoming.php

And remove my above css in your css file and apply back this following css code and see how it goes?
div#fd .media-body a.btn.btn-es.btn-sm {

    font-size: 10px !important;

}



div#fd .es.mod-es-events .btn.btn-es.btn-sm {

    font-size: 10px !important;

}
Arlex Wong
·
Saturday, 12 December 2015 10:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

You can apply this following css in your current template css file for hide the avatar.


div#fd.es .es-widget-body .es-avatar.es-avatar-sm {

    display: none !important;

}


2) Then, how do we rearrange the order of items in the ES Sidebar column?

Unfortunately we do not have option for re-arrange widget in dashboard at this point of time.
Arlex Wong
·
Wednesday, 09 December 2015 22:59
·
0 Likes
·
0 Votes
·
0 Comments
·
I do not want to hide the avatar, I would like it to be in the same layout as the 'Events'. see attached
Andrew
·
Wednesday, 09 December 2015 23:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Try download my attachment file and replace into JoomlaFolder\media\com_easysocial\apps\user\events\themes\default\widgets\dashboard\upcoming.php and see how it goes?
Arlex Wong
·
Wednesday, 09 December 2015 23:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks... That is better, but there is still an issue of Avatar and Button not properly fitting (see attached layout 2b) as it does in the 'Events' portion (see layout 1)
Andrew
·
Thursday, 10 December 2015 02:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

I am sorry for the delay of this reply,

I have applied some fix in this few files
JoomlaFolder\media\com_easysocial\apps\user\events\themes\default\widgets\dashboard\upcoming.php
JoomlaFolder/templates/tx_zenith_ii/html/com_easysocial/css/custom.css

It should display correctly now, but I noticed your dashboard changed something, you can take a look of my screenshot below.
Arlex Wong
·
Thursday, 10 December 2015 13:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Arlex... What is this about: "It should display correctly now, but I noticed your dashboard changed something, you can take a look of my screenshot below."

Why is the Dashboard all messed up now? This is not good.
Andrew
·
Thursday, 10 December 2015 14:39
·
0 Likes
·
0 Votes
·
0 Comments
·
the issue is in the upcoming.php file. I reverted back to the original for now and the Dashboard is again displaying correctly. I have also renamed the JoomlaFolder/templates/tx_zenith_ii/html/com_easysocial/css/custom.css
file for now.

look forward to your reply.
Andrew
·
Thursday, 10 December 2015 14:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Andrew,

I am sorry for this because I've tried to revert back my changes in your site, but it still display the same, I believe your site got enabled cache right?

By the way, can you try download my attached file and replace into JoomlaFolder\media\com_easysocial\apps\user\events\themes\default\widgets\dashboard\upcoming.php

After that add this following css in your current template css file and see how it goes?


div#fd .media-body a.btn.btn-es.btn-sm{

     font-size: 11px !important;

}
Arlex Wong
·
Friday, 11 December 2015 13:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi, thanks... It is getting there... See attached screenshot: See alignment, font size and buttons. Should those buttons not be green?

I am sure that is would be a fix as it does look strange that they display differently instead of being consistent... I think this would be an improvement for ES... ;-)

thanks...
Andrew
·
Friday, 11 December 2015 21:42
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks for this... It is okay for now, but I hope to see this fixed in an update soon. cheers...
Andrew
·
Thursday, 17 December 2015 21:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the input on this Andrew. Will discuss this with Arlex.
Mark
·
Friday, 18 December 2015 17:49
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post