Our community group functionality within the UIKit will allow you to explore social features and how they will look in your app
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
UIKIT allows some parts of the component to be replaceable with your own component.
Loading...
UIKIT allows the default behaviour to be overridden by custom logic.
Loading...
Loading...
Loading...
Loading...
There are many components that you can use and integrate into your existing application.
Method | Description |
newsFeedFragmentDelegate | Fragment delegation for |
exploreFragmentDelegate | Fragment delegation for |
This component consists of two components; My community and Global feed components.
Feature
Description
My Community list
User can scroll horizontally to see a list of up to eight communities that the user has joined sorted in alphabetical order.
Navigation to Community profile page
When a user selects an community item, the user is navigated to Community Profile page
Navigation to My community page
When a user selects the arrow, the user is navigated to My community page
Feature
Description
Global feed
User can scroll vertically to see a list of posts from the global feed.
Method | Description |
recommendedCommunityFragmentDelegate | Fragment delegation for |
trendingCommunityFragmentDelegate | Fragment delegation for |
categoryPreviewFragmentDelegate | Fragment delegation for |
Feature | Description |
Recommended Community list | User can scroll horizontally to see up to four recommended communities. |
Navigation to Community profile |
When a user selects a community item , the user is navigated to
Feature
Description
Top trending
Community list
User can see up to five top trending communities.
Navigation to Community profile
When a user selects a community item , the user is navigated to Community Profile page
Feature | Description |
Category list | User can see up to eight categories sorted in alphabetical order. |
Navigation to Category detail page | When a user clicks on a category item , the user is navigated to Category detail page. |
Navigation to Category list |
When a user selects the arrow, the user is navigated to
Feature
Description
My community list
User can scroll vertically to see a list of communities that the user has joined sorted in alphabetical order.
Community search
User can search for community by name
Community creation
User can click on + button, to open Community Creation page
Feature
Description
Category list
User can see a list of all categories sorted in alphabetical order.
Navigation to Category detail page
When a user selects a category item, the user is navigated to Category detail page
Feature | Description |
Community list by category | User can see a list of all communities that belong to a category sorted in alphabetical order. |
Navigation to Community Profile page |
When a user selects a community item, the user is navigated to
Feature
Description
Community creation
User can create a community by filling the required fields and tapping the Create community button
Feature
Description
Community profile update
User can update the information such as avatar, community name, description, categories etc for this community. Profile will be updated upon tapping save button.
This page provides a form for post creation.
Feature
Description
Post creation
User can create post by adding content such as text, images, and files.
Feature
Description
Post content
User can view content of the post including reactions and comments.
Comment creation
User can create a comment by adding text to the compose bar and tapping Post button
Feature
Description
Text editing
User can edit text content.
Image removal
User can remove images.
File removal
User can remove files.
This page shows profile of a community including its own feed.
Feature
Description
Becoming a member
User can tap Join button to join a community
Post creation
User can tap the floating action button to open Post creation page
Community profile update
Creator can tap Edit profile button to open Community profile edit page
Feature
Description
Community feed
User can scroll vertically to see a list of posts from a community feed
Feature
Description
Navigation to user profile page
User can view profile page by tapping on member list item
Report user
User can report members present in community
This page shows user profile information as well as user feed
Create a Fragment
A delegate can be passed to customise the components.
Feature
Description
User Profile
User can view display name and description
Post creation
User can tap the floating action button to open Post creation page to create a post on user's own page
User profile update
User can tap Edit profile to open User profile edit page to update user's own profile
Method
Description
feedFragmentDelegate
Fragment delegation for EkoFeedFragment
Feature | Description |
User feed | User can scroll vertically to see a list of posts from a user feed |
Feature
Description
User profile update
User can update the information such as avatar, display name, and description. Profile will be updated upon tapping save button.
Feature
Description
Member Selection
User can select a list of users
Feature
Description
Post creation on user's own feed
When a user selects My Timeline, UIKit will open Post Creation page with the user's own feed as the target.
Post creation on community feed
When a user selects a community, UIKit will open Post Creation page with the selected community.
This settings allows you to control where a post can be shared to based on the post origin.
My feed - The post can be shared to my feed. This option will enable "Share to my timeline" menu when user clicks share button.
Public community - The post can be shared to any public community. This option will enable "Share to group" menu when user clicks share button.
Private community - The post can be shared to any private community. This option will enable "Share to group" menu when user clicks share button.
External - The post can be shared externally. This option will enable "More options" menu when user clicks share button.
Origin - The post can be shared within the community feed that it was created. If the post was created in either public or private community, this option will enable "Share to group" menu when user clicks share button.
My feed post - Posts that were created on my feed. By defaults, possible sharing targets are My feed, Public community, and Private community.
User feed post - Posts that were created on any other users' feed. By defaults, possible sharing targets are My feed, Public community, and Private community.
Public community feed post - Posts that were created on any public community. By defaults, possible sharing targets are My feed, Public community, and Private community.
Private community feed post - Posts that were created on any private community. By defaults, possible sharing target is Origin.
You can select a set of targets for each post origin.
Based on Post sharing settings, there are up to three post sharing events that can be emitted by UIKit.
Share to my timeline - an event emitted when a user clicks on "Share to my timeline" button.
Share to group - an event emitted when a user clicks on "Share to group" button.
Share externally - an event emitted when a user clicks "More options" button.
You can choose to intercept one or all of the events and apply your custom behaviour.
Event
Parameter
Condition
onClickUserAvatar
user: EkoUser
community avatar or community display name is tapped
onClickMessage
community: EkoCommunity
message button on community page is tapped
onClickEditProfile
community: EkoCommunity
edit profile button on community page is tapped
onClickEditUserProfile
userId: String
edit user profile button on user profile page is tapped
When a user clicks on the user profile avatar at the post creator area, UIKit will open User profile page
However, you can intercept the event and define your own logic following the example below.
When you create a Fragment via a Builder, you can add your own logic via onClickUserAvatar
method.