User Profile Page (2.3)
Last updated
Last updated
There are two views for the user profile page.
This view allows the user to see his own user profile detail and his own user feed. There are two states user can see.
Default state : Allows user to see his own following user counter and Follower user counter.
Request pending state : Allows user to see his own following user counter, Follower user counter, and also the follow request he received.
Feature | Description |
Follower counter | Shows the total count of followers. It will redirect to Following / Follower user list page when clicked. |
Following counter | Shows the total count of users that you're following. It will redirect to Following / Follower user list page when clicked. |
Pending follow request section | If you have pending follow requests from other users, you will see the pending request section. It will redirect to Follow request page when clicked. |
Edit user profile | It will redirect to User profile edit page when clicked. |
3 dot button | It will redirect to User setting page (2.2) when clicked. |
You can get this view by using this code:
This view allows the user to see other user's profile detail and their user feed. There are two states user can see.
In the other user view, UIKIT has two main views that support the Follow user connection and the User privacy view.
Default state: Allows the user to see the connection between the current user and the target user profile.
Feature | Description |
Follow button | When clicked, the system will make a connection with the User. If the Connection method = with request, system will change to cancel pending state. |
Cancel request button | When clicked, follow request will be canceled. |
Follower counter | Showing the total count of followers. It will redirect to Following / Follower user list page when clicked. |
Following counter | Shows the total count of users that you're following. It will redirect to to Following / Follower user list page when clicked. |
Pending follow request section | If you have pending follow requests from other users, you will see the pending request section. It will redirect to Follow request page when clicked. |
Edit user profile | It will redirect to User profile page when clicked. |
User feed (Private view) | If a connection was not established, the user profile and the Private setting is Private. |
3 dot button | It will redirect to User setting page (2.2) when clicked. |
You can get this view by using this block of code below.