Black Friday's here! Create an app and enjoy 50% off now!

The Community extension will allow you to view list of subscribed users within the app. This means that your users will also be able to see who has registered within your application.

You must first install the Authentication Extension as a prerequisite:
1. Go to the menu Extensions Store > All Extensions
2. Click the "Community" extension or search for it in the search bar. 
3. Click the green "Install" button.

picture

1

New Users Section

A new "Users" section is added to the left menu > Design & Structure > Structure > Sections .

In this section, logged in users will be able to see the list of other registered users in your application.
The profile is public, which means that all filled in information is visible by everyone. 

To set your Users section:
1. Go to the menu Design & Structure > Structure > Sections
2. Click the 3 dots next to your User section
3. Click Settings.

From this menu you can:
- Enable the Search feature in this User section
- Set filters to select which group of users will be displayed in this section
- Set where to place the section in your app tree structure
- Make the section private
- Hide the section
- Edit the url of the page's section

picture

2

Design of your user list section

1. Go to the left menu > Design & Structure >  Design > Sections
2. Click on your Users section.

3. Click Edit User list, to choose between two templates.
4. Set your content zone colors and fonts.
5. Activate/Deactivate the user thumbnail* and map view**.

*Note: The user thumbnail can only be deactivated with Template 1.
**Note: Map view is only available to native plans.

picture

6. In the "List options" block, you can activate up to 3 classification tabs.
- Recent: displays by default the last 24 users who have recently logged in
- Nearby: displays by default the 24 users who are the closest to your location (only available for Native plans)
- All: All the users, in alphabetical order

You can choose to keep only two tabs instead of the three suggested ones. You can also deactivate the classification altogether. 
If you select only one tab by choosing for instance the nearby users, users will be classified according to distance. The "Nearby" tab will not be visible for aesthetic purposes.

Edit the style of the tabs according to three display options:
- Block Tabs
- Material Tabs
- iOS Tabs


7. In the Thumbnail block, upload a default thumbnail of a minimum size of 516 x 291 pixels which will show in the list as the thumbnail for users who haven't uploaded a profile picture.

picture

3

Design of the Public profile section

1. Go to the left menu Design & Structure > Design > Sections
2. Click your users section
3. Click Edit Public Profile, to edit the design of the profile section of your users.
As for the content of the profile, this is managed in the menu Settings > Registration settings  > Profile settings

picture

4

Video tutorial

Note: Menus have changed in the back office, but the behavior explained in the video is still accurate.


More articles