Responsive 2 template display problem with fly out area

Stuckshutter

paulus1031
I though that i had included it in the original post. ...
But, if you didn't find it, how can i send it to you it so it's not visible to the world since it is a live site?
thanks,
Chris

pavit

Stuckshutter how can i send it to you it so it's not visible to the world since it is a live site?

Hi
Please have a look at this post to learn how to keep your info private .

Regards

Stuckshutter

I have updated the presentation of the Admin login credentials and url and verified it works correctly.
If you are having problems accessing due to admintools, let me know the country you are in so i can unblock it.
thanks,
chris

pavit

Stuckshutter let me know the country you are in so i can unblock it.

You can unblock - US - Vietnam - India - England

Stuckshutter

US, Vietnam, India and England are unblocked.
Thanks,
Chris Dekle

paulus1031

Hi Chris

Yes I can now login

I'm not that familiar with community builder can you point me to the steps required to create a new blog post via the front end?

Thanks
Paul

Stuckshutter

paulus1031

Log in as user. To do that, log in as administrator in the backend.
Go to the USER menu in the backend and search for "listowner9" and use the "Log in As" feature to log in to the front end.
Click the hamburger icon in the top right of the page to fly out the site menu.
In the fly out menu, select "Edit Your Profile and Blog"
Click the "Edit Your Profile and Blog" button.
Click the "New Blog" icon.
You will see the buttons on the right that show the problem.

aman204

Stuckshutter Try add this to custom.css file :

.cb_template .row.no-gutters,.cb_template .row.no-gutters .btn{float: left !important;}

Kindly ensure to clear your browser cache if changes dont reflect

Stuckshutter

Thanks a million for your help. That resolved our problem very nicely.

Tricky to get a selector for the item and you nailed it.

I don't know if I should open a new post for a problem we have with the flyout menu Icon when community builder is used. Even though we are on the same template on return, the flyout menu won't function. We have to click on another top menu button like Current Edition to restore the page and then it will work.
The difference we see is that when we use the Community Builder, the page shows an error on the page "$sidebars is not a function" (see attached). An example of the icon selected but not working is also attached for reference.
It seems that $sidebar function is still causing a problem on this template.
Can you advise?
thank you

aman204

Stuckshutter Tricky to get a selector for the item and you nailed it.

Nice that it worked fine in getting the appearence as envisaged for certain elements although it was indeed tricky and took sufficient time to figure out the same 🙂

The flyout menu won't function. We have to click on another top menu button like Current Edition to restore the page and then it will work.

I am able to see it working fine. To be precise, Can you provide exact steps in order to replicate the same. Also, Kindly provide more information which will assist to troubleshoot precisely :
1) Which major browser can the issue be seen - Chrome, Safari or Firefox ?
2) Is it desktop mode or responsive screen size for mobile/table where the issue persists ?

Stuckshutter

Thanks for the quick response. Here is how to duplicate the issue and a note on Chrome and the custom css override for the "old" button display issue you fixed...

How to replicate the problem:
1. Log in to the system as admin.with exisiting credentials.
2. Select Users in the admin menu and click "Manage"
3. Search for listowner9
4. Click "Log in as listowner9"
5. That will log you into the front end of the site.
6. Click the Flyout menu icon. (will work as expected)
7. Select "Edit Your Profile and Blog" from the menu.
8. Select the button "Edit your Profile and Blog"
9. Click the "New Blog" button which will show a form to enter a post.
10. At bottom of page, select "Cancel" to return without posting anyting.
11. Click "OK" to the message "Are you sure you want to Cancel..."
12. Now, try the flyout menu icon. (It will not work).
13. Click "Current Edition" in the top menu, that will restore the flyout menu icon functionality.
14. When finished with the diagnosis, click "Log out" in the fly out menu.

Problem occurs in Firefox current version and Chrome, others unknown.

Also, On Chrome:
I also noticed that Chrome is not loading the Custom css for the buttons where the original problem occurred.

Thanks for your help!

aman204

Stuckshutter Hi,

As apparently seen, The JS Conflict error appears to be coming from specific extension so would suggest to try and disable extension to see if it helps. Also, Does the issue persists while assigning default Joomla template with similar extension enabled ?

File reference from where error originates - /components/com_comprofiler/js/jquery/jquery-2.2.4.min.js?v=75d2abbad2161573

You may also post for this in the support forum of community builder site and may refer to this forum thread which might be of help

Stuckshutter

Forgot to add it is on the desktop display, tablet/mobile layouts not reviewed.

paulus1031

Can I just check did you follow Aman's suggestion to check with community builder?
and as Aman also said have you checked using the default Joomla template to see if the error is still present?

Thanks
Paul

Stuckshutter

Thanks for the information. I will contact CB and let you know what we find out.

paulus1031

Thanks

Cheers
Paul