Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offline
It's past support hour. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Monday 10:27 pm
Add a reply View Replies (38)

Resolved Tabs or Drop-down/accordion

  1. rayjbarrett
    rayjbarrett
  2. General
  3. Tuesday, March 05 2019, 09:32 PM
For the individual provider, pages is there the ability to format the fields to present within tabs or accordion style? Such as a tab titled "Contact" which would have several fields assigned to it (phone number, email, web address, video link, chat link)?
This would look a lot better and would be easier to navigate than all the fields listed. Such as on this website Tabs or Drop-down/accordion
Responses (38)
admin
admin Accepted Answer
Admin
Hi,
sorry but I not understand well, can you please explain me better? Easy Profile should already use tabs in profile page.
  1. more than a month ago
  2. General
  3. # 1
rayjbarrett
rayjbarrett Accepted Answer
Can you direct me to instructions on how to use tabs in the profile?
  1. more than a month ago
  2. General
  3. # 2
admin
admin Accepted Answer
Admin
Hi,
each fieldgroup become a tab, you can move between fieldgroups by click on the tab title.

Tabs in edit profile, registration and profile pages are enabled by default, you can manage to enable or disable tabs from Component->Easy Profile->Options->Layout Settings:
- Profile Page section -> Split Fieldgroups in Tabs
- Registration & Edit Profile Pages section -> View the form in tabs
  1. more than a month ago
  2. General
  3. # 3
rayjbarrett
rayjbarrett Accepted Answer
Thank you.
  1. more than a month ago
  2. General
  3. # 4
rayjbarrett
rayjbarrett Accepted Answer
Content Protected
  1. more than a month ago
  2. General
  3. # 5
admin
admin Accepted Answer
Admin
Can you please post me your site details to check if there is some javascript conflict? if yes then you can use the form below the reply in "Site Details" tab
  1. more than a month ago
  2. General
  3. # 6
rayjbarrett
rayjbarrett Accepted Answer
I would have to create a staging site. For sake of not having to do that yet, I there something I should look for?
  1. more than a month ago
  2. General
  3. # 7
admin
admin Accepted Answer
Admin
can you please send me a screenshot from Google Chrome console?
- open the page in Google Chrome
- go to the console (with Windows / Linux press Ctrl+Shift+J or with Mac press Cmd+Opt+J )
  1. more than a month ago
  2. General
  3. # 8
rayjbarrett
rayjbarrett Accepted Answer
See attachment
  1. more than a month ago
  2. General
  3. # 9
rayjbarrett
rayjbarrett Accepted Answer
another.
  1. more than a month ago
  2. General
  3. # 10
admin
admin Accepted Answer
Admin
Unfortunately this is not helpful because your Javascript files seems compressed in one file.
Have you some tools like JCH optimize, JBetolo or something else? if yes then please disable it. It's also possible that this is a template feature, if yes then disable it.
  1. more than a month ago
  2. General
  3. # 11
rayjbarrett
rayjbarrett Accepted Answer
Yes, I use JCH Optimize. I will try to disable it just for easyprofile.
  1. more than a month ago
  2. General
  3. # 12
admin
admin Accepted Answer
Admin
Please try to disable entire plugin and check if the problem persists. If yes then please post me the console screenshot without JCH
  1. more than a month ago
  2. General
  3. # 13
rayjbarrett
rayjbarrett Accepted Answer
Do you have any suggestion on what I should exclude from JCH Optimize? I tried excluding the menu item for editing profile but it did not help.
  1. more than a month ago
  2. General
  3. # 14
admin
admin Accepted Answer
Admin
If you disable JCH the edit profile page works as expected?
  1. more than a month ago
  2. General
  3. # 15
rayjbarrett
rayjbarrett Accepted Answer
Actually no. I just tried it with completely disabling JCH
  1. more than a month ago
  2. General
  3. # 16
admin
admin Accepted Answer
Admin
ok, please post me Chrome console screenshot without JCH
  1. more than a month ago
  2. General
  3. # 17
rayjbarrett
rayjbarrett Accepted Answer
Here is a screenshot with it disabled.
  1. more than a month ago
  2. General
  3. # 18
admin
admin Accepted Answer
Admin
can you please post me a simple registered account access to check edit profile page?
  1. more than a month ago
  2. General
  3. # 19
rayjbarrett
rayjbarrett Accepted Answer
Yes.
  1. more than a month ago
  2. General
  3. # 20
rayjbarrett
rayjbarrett Accepted Answer
Content Protected
  1. more than a month ago
  2. General
  3. # 21
admin
admin Accepted Answer
Admin
Yes, I was investigating :D

I found a strange code in edit profile block, it seems to come from Hikashop, like a plugin that adds some field. Unfortunately it does not use Joomla Apis (JForm, Users plugin) to load own fields, so it render a non-conventional output that may cause the tab issue.

About condition I found that the field "Secure Message Instructions" is affected by more than one condition, for example you have a condition on the field "Allow Clients to Find You...." like this:
if equal to Yes then show fields "Secure Message Instructions",.....
  1. more than a month ago
  2. General
  3. # 22
rayjbarrett
rayjbarrett Accepted Answer
The Secure Message Instructions field is in two conditions b/c I do not want it to show unless both are met. However, if the Seucure Message condition works then I will not need the other one likely.
Not sure what I can do about the Hikashop b/c it is necessary as it is my shopping cart and not sure that it is causing this issue on the edit profile page. What do you think?
  1. more than a month ago
  2. General
  3. # 23
admin
admin Accepted Answer
Admin
Hi,
sorry for late reply, yesterday was too late :)

Conditions Problem
please try to setup following conditions,
Conditions for field "Allow Clients to Find You...."
1) if equal to yes show fields ... ... ...(all your fields except "Secure Message Instructions";), Inverse "No" (when you choose yes then the condition will show your fields except "Secure Message Instructions", this field status will be managed by Url field condition)
2) if equal to no show fields ... ... ...(all your fields included "Secure Message Instructions";), Inverse "No" (when you choose no the condition will hide your fields included "Secure Message Instructions";)
Conditions for your Url field
1) if equal to empty value hide field "Secure Message Instructions", Inverse "Yes"

Layout problem
fields like "How did you learn about this Course?", "License Type, State, Number" and "Timezone" seems to come from Hikashop (not Joomla or Easy Profile). How you manage to appear these fields? it come from a plugin?
  1. more than a month ago
  2. General
  3. # 24
rayjbarrett
rayjbarrett Accepted Answer
My site is a Joomla (CMS) and Moodle (LMS) site. I use Joomdle to integrate Joomla and Moodle. It is important that many of the user profile fields are mapped to Moodle (the LMS) and Joomdle maps the Hikashop user fields to Joomla and Moodle.

For the tabs, your process worked. I now just have the issue of the way the field groups display on the edit profile page. I wonder if it has to do with that page pointing to a custom page layout for some reason. It should not be happening but maybe that is it. I say that b/c you will notice that the layout spans the full width of the screen. I would like to prevent that.
  1. more than a month ago
  2. General
  3. # 25
admin
admin Accepted Answer
Admin
About layout issue unfortunately we need to access via FTP to your site to find and fix the wrong output.
  1. more than a month ago
  2. General
  3. # 26
rayjbarrett
rayjbarrett Accepted Answer
Sorry for the delay. I have the staging site set up. If I add my FTP details in the site details here is it protected and only available to you?
  1. more than a month ago
  2. General
  3. # 27
admin
admin Accepted Answer
Admin
Hi,
of course, but you need to use "Site Details" tab below the reply.
  1. more than a month ago
  2. General
  3. # 28
rayjbarrett
rayjbarrett Accepted Answer
Thank you. I added them. I figured out why my edit profile page was spanning the page and fixed that, but the tabs are not displaying properly and the "Contact" field group is displaying as "Please Contact us at %s" and I do not know why.
  1. more than a month ago
  2. General
  3. # 29
admin
admin Accepted Answer
Admin
Hi,
done, I have added following code at the end of file /templates/gantry/js/rokmediaqueries.js
jQuery(document).ready(function($){

  $('fieldset.hikashop_user_edit > dl > div').unwrap();

  $('fieldset.hikashop_user_edit label > label').attr('id','jform_').unwrap();

});


Why file /templates/gantry/js/rokmediaqueries.js?
because this is the only javascript file that is loaded before Easy Profile tabs Javascript file and in template folder (unfortunately FTP does not works, so I have used Joomla Customise Template feature at Extensions->Templates->Templates->Gantry)

What do this code?
line: $('fieldset.hikashop_user_edit > dl > div').unwrap();
- Remove wrong DL tag, your HTML have this format: <DL><DIV>...</DIV></DL>, but DL mean Description Lists and the correct subtags should be DT (Description title) and DD (Description)...see at https://www.w3schools.com/tags/tag_dd.asp

line: $('fieldset.hikashop_user_edit label > label').attr('id','jform_').unwrap();
- Remove double label, your HTML have this format <LABEL><LABEL>name of field</LABEL></LABEL>, of course something like this does not make a sense, there is a label inside another label without purpose
- Add attribute ID to label like Joomla form fields APIs
  1. more than a month ago
  2. General
  3. # 30
rayjbarrett
rayjbarrett Accepted Answer
Thank you. Do you know why "Please Contact us at %s" shows for one of the tabs in the edit profile rather than the "Contact" listed for the field group?
  1. more than a month ago
  2. General
  3. # 31
admin
admin Accepted Answer
Admin
Hi,
Easy Profile allow you to use language constants everywhere, so for example I can have a fieldgroup's title like "Contact" and following template overrides:
English (en-GB) - CONTACT - Contact
Italian (it-IT) - CONTACT - Contatti
German (de-DE) - CONTACT - Kontakt

Normally there is not conflict because Joomla name convention for language constant require that a component have language constant like COM_HIKASHOP_CONTACT.

Unfortunately Hikashop have a language constant called "CONTACT" with value equal to "Please Contact us at %s", this is not a hikashop error, because it is a simple convention.

Solutions:
1) change title of the tab from "Contact" to "Contacts"
2) override CONTACT language constant with value like "Contact" instead "Please Contact us at %s" ( this affect also Hikashop)
3) change title of the tab from "Contact" to "USER_CONTACT" and add language override for "USER_CONTACT" constant (USER_CONTACT => Contact)
  1. more than a month ago
  2. General
  3. # 32
admin
admin Accepted Answer
Admin
Here a screenshot from your staging site
Attachments (1)
Schermata 2019-03-15 alle 09.57.25.png Schermata 2019-03-15 alle 09.57.25.png
  1. more than a month ago
  2. General
  3. # 33
rayjbarrett
rayjbarrett Accepted Answer
Thank you
  1. more than a month ago
  2. General
  3. # 34
rayjbarrett
rayjbarrett Accepted Answer
Content Protected
  1. more than a month ago
  2. General
  3. # 35
admin
admin Accepted Answer
Admin
Hi,
unfortunately to check this we need to see your site and probably the configuration....is this site visible with a public URL?
  1. more than a month ago
  2. General
  3. # 36
rayjbarrett
rayjbarrett Accepted Answer
Yes it is. My staging site works because it must not have some update that the live site has.
References
  1. https://telementalhealthtraining.com/
  1. more than a month ago
  2. General
  3. # 37
rayjbarrett
rayjbarrett Accepted Answer
Hikashop was able to provide the solution.
By turning off Display custom user fields on user profile edition page in the HikaShop user synchronization plugin works.
  1. more than a month ago
  2. General
  3. # 38
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.