Joomla Templates Club 406,261 posts

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#982720

Hi Support,

I have just updated Easysocial to latest 2.02 but there was something wrong with the template styling on the top right corner.

The login menu previously on the top right corner disappeared and now there is a whole bar (as attached) of the menu on top of the page. Please advise how do i get back the top right dropdown menu.

THank you

---

Attachments:

1. 

[axus Friend axusJoin date: November 2015Posts: 49Downloads:58Uploads:17 Thanks: 15 Thanked: 3 times in 3 posts]

#982738

You’ll find that JA Intranet v1.01 is not compatible with the latest version of EasySocial 2.02. There are many more incompatibilities than the one you’ve mentioned and JA Intranet – EasySocial 2.02 shouldn’t be used on a live site. In fact, JA Intranet – EasySocial 1.4.12 has many bugs that have not been fixed by Joomlart in months. They say they were waiting on StackIdeas to release a Stable EasySocial 2.X before they’d upgrade. Well, it’s here so let’s see if the guys can work their magic and have this out in record time, making all of us happy and more willing to renew our Joomlart subscriptions!!

See link: https://www.joomlart.com/forums/topic/easysocial-stable-2-02-has-been-released-ja-intranet-update-needed/

Cheers!

Cheers!
axus.com

Relax. Don’t worry. Have a home brew
May your crust be crisp and your bread always rise
A garden isn’t meant to be useful. It’s for joy

[zhihuazhou Friend zhihuazhouJoin date: January 2011Posts: 35Downloads:92Uploads:18 Thanks: 6 Thanked: 7 times in 6 posts]

#982743

My website has the same issue with you.

---

Attachments:

1. 

[voonchung Friend voonchungJoin date: August 2015Posts: 67Downloads:48Uploads:29 Thanks: 2]

#982745

so can i confirm that JA intranet will definitely be updated to fit Easysocial 2.0 onwards?

[axus Friend axusJoin date: November 2015Posts: 49Downloads:58Uploads:17 Thanks: 15 Thanked: 3 times in 3 posts]

#982768

Voonchung, that’s what the guys here at Joomlart have promised. However, be aware, going on past history and experience Joomlart can defiantly take their time. In some cases you could be waiting months before they roll out a usable update/upgrade.
Let’s see if the guys here at Joomlart can turn this update out in record time.
I take it for granted this would make us all happy 🙂
Ultimately, it makes sense for Joomlart too, as they would keep more subscribers and paying customers.
WIN WIN 🙂

Cheers!

Cheers!
axus.com

Relax. Don’t worry. Have a home brew
May your crust be crisp and your bread always rise
A garden isn’t meant to be useful. It’s for joy

[zhihuazhou Friend zhihuazhouJoin date: January 2011Posts: 35Downloads:92Uploads:18 Thanks: 6 Thanked: 7 times in 6 posts]

#983007

I don’t know when the issue will be fixed. I think currently we should unpublished the modules in the notification position and wait the joomlart team to fix it. Otherwise our website will look weird and users will go away.

1 user says Thank You to zhihuazhou for this useful post

1. semeiz

[zhihuazhou Friend zhihuazhouJoin date: January 2011Posts: 35Downloads:92Uploads:18 Thanks: 6 Thanked: 7 times in 6 posts]

#983194

…

1 user says Thank You to zhihuazhou for this useful post

1. lgstudio

[samjaninf Friend samjaninfJoin date: September 2016Posts: 2Downloads:58Uploads:0]

#983229

I know this is not perfect guys but it is a few hacks that I am using it get my site looking somewhat decent.

#es .btn-es-default-o {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
#es .btn-es-default-o:hover {
    color: #f4f4f4 !important;
}
#es .btn:hover, #es .btn:focus, #es .btn.focus {
    color: #f3f3f3;
    text-decoration: none;
}

#es .mod-es-menu-bar {
    border: 1px solid #ccc;
    padding: 14px 8px;
}

#es .btn-sm {
    padding: 10px 10px !important;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
    margin-top: 10px !important;
}

@media (max-width: @screen-md-max) {
  #es .o-avatar {

      width: 26px !important;
      height: 26px !important;

  }

  #es .mod-es-menu-bar {
    border: 1px solid #ccc;
    padding: 7px 8px;
}

#es .btn-sm {
    padding: 6px 10px !important;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
    margin-top: 4px !important;
}

[zhihuazhou Friend zhihuazhouJoin date: January 2011Posts: 35Downloads:92Uploads:18 Thanks: 6 Thanked: 7 times in 6 posts]

#983247

Thank you so much for your effort. I have tried adding your code in custom.css. It looks good in chrome browser. However, after login with a user name and password, it still looks weird.

[zhihuazhou Friend zhihuazhouJoin date: January 2011Posts: 35Downloads:92Uploads:18 Thanks: 6 Thanked: 7 times in 6 posts]

#983258

Finally I figured out another solution. You guys can try add below code to your templates/ja_intranet/html/com_easysocial/css/custom.css

#es .btn-block {
    display: block;
    width: 240px;
    height: 50px;
}
#es .dropup, #es .dropdown_ {
    vertical-align: middle;
    padding-top: 5px;
}

#es .dropdown-menu {
    position: relative;
}

#es .open>.dropdown-menu {
    display: block;
    width: 240px;
}

@media (max-width: 767px) {
#es .fa {
    display: none;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}
}

@media (max-width: 767px) {
#es .mod-es-menu-bar__icon-link.has-new .mod-es-menu-bar__link-bubble {
    display: none;
}
}
#es {
    line-height: 55px;  
}

@media (max-width: 767px) {
  #es {
    line-height: 40px;  
}
}

I have tested in IE, chrome, firefox. It works fine.

---

Attachments:

1. 
2. 
3. 
4. 

1 user says Thank You to zhihuazhou for this useful post

1. lgstudio

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#983302

Hi Guys ,
the template is not ready for the Easysocial 2.x at this time , as u know the stable version is just out . I suggest you wait for the template update for this .
For the update request, you can follow this thread .

Regards

[zhihuazhou Friend zhihuazhouJoin date: January 2011Posts: 35Downloads:92Uploads:18 Thanks: 6 Thanked: 7 times in 6 posts]

#983696

The best solution I find is only adding below code to your /templates/ja_intranet/html/com_easysocial/css/custom.css

.mod-es-dropdown-menu  {
    padding-top: 15px;
    display: table;
}

@media (max-width: 767px) {
.mod-es-dropdown-menu  {
    padding-top: 5px;
    display: table;
}
}

#es .dropup, #es .dropdown_ {
    position: relative;
    margin-top: -12px;
}

#es .btn-es-default-o{
    color:#6a93cb !important;
    background-color:transparent !important;
    border-color:transparent !important
}
#es .btn-es-default-o:focus,#es .btn-es-default-o.focus{
    color:#6a93cb !important
}

#es .btn-es-default-o:hover{color:#6a93cb !important}
#es .btn-es-default-o:active,#es .btn-es-default-o.active,.open>.dropdown-toggle#es .btn-es-default-o{color:#6a93cb !important}#es .btn-es-default-o:active:hover,#es .btn-es-default-o:active:focus,#es .btn-es-default-o:active.focus,#es .btn-es-default-o.active:hover,#es .btn-es-default-o.active:focus,#es .btn-es-default-o.active.focus,.open>.dropdown-toggle#es .btn-es-default-o:hover,.open>.dropdown-toggle#es .btn-es-default-o:focus,.open>.dropdown-toggle#es .btn-es-default-o.focus{color:#6a93cb !important}#es .btn-es-default-o:active,#es .btn-es-default-o.active,.open>.dropdown-toggle#es .btn-es-default-o{background-image:none !important}

#es .btn:active, #es .btn.active {
    outline: 0;
    background-image: none;
    background-color: transparent !important;
}

#es .o-avatar--xsm {

    background: none;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
}

#es .btn-es-danger-o {
    color: #92bce0 !important;
    background-color: #fff !important;
    border-color: transparent !important;
}

After adding above code, your site will look nice. The width of easysocial dropdown menu will auto adjust according to the length of register’s name. Attached picture shows the final result.

Last thing, I don’t know how to set the prompt message show under the notification icon, as shown in attached picture 3, dear developer, can you advise me how to modify the css code? Thank you.

1 user says Thank You to zhihuazhou for this useful post

1. Pankaj Sharma

[Author]

Posts