Skip to:
Content
Pages
Categories
Search
Top
Bottom

Expand and Collapse Each Group of Profile Fields


  • wainwatkins
    Participant

    @wainwatkins

    9 years, 7 months ago

    On the BuddyPress profile page, how can I expand and collapse each group of profile fields?

    I would like the default state of each group of profile fields to be collapsed and look like:

    GENERAL INFORMATION ABOUT ME

    SUBJECTS I HAVE STUDIED

    MY EDUCATION AND WORK

    To see the profile fields in each group, a user would click on the group name. Let’s say someone clicked on the group SUBJECTS I HAVE STUDIED

    The profile page would then look like:

    GENERAL INFORMATION ABOUT ME

    SUBJECTS I HAVE STUDIED
    Math: Yes
    Science: Yes
    Ancient Languages: No

    MY EDUCATION AND WORK

    So, the group that is clicked on expands, while the other groups remain collapsed. When the group is clicked again, it would return to a collapsed position.

    Hope you are able to help.

    Wain

Viewing 2 replies - 1 through 2 (of 2 total)

  • danbp
    Moderator

    @danbp

    9 years, 7 months ago

    @wainwatkins

    if you’re comfortable with coding (php, js and html), you can add such a scenario to the profile-loop template from within the child-theme.
    Original file:
    wp-content/plugins/buddypress/bp-templates/bp-legacy/buddypress/members/single/profile/profile-loop.php

    child:
    your_child_theme/buddypress/members/single/profile/profile-loop.php


    wainwatkins
    Participant

    @wainwatkins

    9 years, 7 months ago

    Thanks for pointing me in the right direction. Can you please provide a little more specific guidance? What code do I add to the template file?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Expand and Collapse Each Group of Profile Fields’ is closed to new replies.

Topic Info

Topic Tags

Skip to toolbar