"Field groups" left panel when editing profile not showing correctly

Home Forums Cera – Intranet & Community Theme Feature Requests "Field groups" left panel when editing profile not showing correctly

Tagged: 

This topic contains 4 replies, has 3 voices, and was last updated by  Manathan 2 weeks, 1 day ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #13447

    Pilgrim Creative Team
    Participant
    • 40 Posts
    @pilgrimteam

    Hello!

    I created a 2nd Field Group to allow the user to add extra information. When I select the second field group, everything displays correctly, with the 2 group fields in the left panel and the form floating on the right (see 1st screenshot). However, when I select the 1st Field group, the display is broken and the form is below the groups (see 2nd screenshot).

    Any idea what could cause it? I checked the HTML and CSS in the inspector, everything seems to be the same, no class missing, etc.

    Thanks for your input!

    👋🏼

    #13450

    Pilgrim Creative Team
    Participant
    • 40 Posts
    @pilgrimteam

    I found the reason this is happening and how to fix it. Might be useful for someone else:

    In the first field group there is a multiple taxonomy selector (see 1st screenshot). I made it with a plugin called “BuddyPress Xprofile Custom Field Types” that has extended field types.

    The problem was the default width of the field (see 2nd screenshot).
    I solved it with the following code:

    span.select2.select2-container.select2-container--default.select2-container--focus.select2-container--open.select2-container--above {
        width: auto!important;
    }

    That was easier than expected! I guess I self-closed this thread then haha!

    Cheers,

    #13451

    Pilgrim Creative Team
    Participant
    • 40 Posts
    @pilgrimteam

    No wait I’m about to auto-correct me: correct code is

    span.select2.select2-container.select2-container--default {
    width:auto!important;
    }

    But obviously the CSS selector might be different depending on the field used.

    #13690

    Olivier
    Moderator
    • 1758 Posts
    @themosaurusrex
    Themosaurus Support

    Hi @pilgrimteam,

    Thank you very much for this awesome feedback! You’re making active contribution to our community and we really thank you for it!!! This is awesome and I really hope that other facing the same issue will benefit from the snippet you’ve shared. #SharingIsCaring 🇧🇪

    Unfortunately, BuddyPress Xprofile Custom Field Types is not supported by our theme (yet) and it appears that it cause issues that we haven’t anticipated. I thus took the liberty to move your topic to the Feature Requests forum, in which we store and discuss integration or feature addition with our community.

    We will add the support for this plugin in a future version as other might benefit from this.

    We’ll keep you informed. Thank you very much for contributing to your theme!

    Best,

    #14023

    Manathan
    Keymaster
    • 415 Posts
    @themodactyl
    Themosaurus Support

    Hi @pilgrimteam,

    We recently release a new version of our plugin Grimlock for BuddyPress. Updating your theme, Grimlock plugins and all the other recommended plugins to the latest version should fix this issue.

    If you have correctly updated the theme and Grimlock, the problem should now be fixed. You might still be seeing the issue because your browser cache is showing you an older version of the page (browsers do that to load pages faster). So to see that the issue is resolved you will need to empty your browser cache and reload the page. If you want to read more on what browser cache is and how to clear it, here is an article that might help you:
    https://www.lifewire.com/how-to-clear-cache-2617980

    Cheers,

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘"Field groups" left panel when editing profile not showing correctly’ is closed to new replies.