1. Home
  2. Docs
  3. App Builder – User Guide
  4. Widget catalog
  5. Post Tabs

Post Tabs

For this widget, users are able to create as many tabs as they want. Each tab will be corresponding to an item https://prnt.sc/12q7y46

1. General tab

Pad tabSetting padding for this section
ItemsUsers are able to create as many tabs as they want
NameSet name for the tab
Type itemThere are 6 types that users can choose: list, carousel, masonry, big first, slideshow, grid.
Filter by:
1. Keyword
2. Tags
3. Categories
4. Post
5. Limit item
1. Users can input a keyword into this field, so the posts that have post name/description is mapping with this keyword will be shown.
2. Users can filter posts by tags by choosing 1 or multiple tags (by clicking Shift + select tag)
3. Users can filter posts by category by choosing 1 or multiple categories.
4. Users can filter posts by selecting one by one on this field.
5. Limit post number will be shown on App

Select templateThere are 10 templates that users can use for their posts:
– Item default
– Item horizontal
– Item vertical
– Item vertical center
– Item number
– Item image overlay
– Item timeline
– Item top name
– Item emerge
– Item gradient
Width x HeightSetting the size to post block
Image sizeUsers can choose 1 in 7 size types to show post image
Excerpt
Category
Date
Author
Comment count
Setting to show/hide each element

2. Style tab

Config Section
Padding/ MarginSet Padding/Margin for whole section
Background colorSet background color for the section
Pad itemSet padding for each product item
Divider with
Divider color
Setup width and color for the divider that separate product items
Config item
Background colorSet background color for product item
Text colorIt applies to Post name
Subtext colorIt applies to Date time, author, comment count
Label colorIt applies to background of category label
On Label colorIt applies to category text
Border radiusSet radius for post item
Box shadowUsers are able to set up shadow for their product block with: Shadow color, Offset X, Offset Y, Blur radius, Spread radius
https://prnt.sc/11kevu7

3. Layout

There is only 1 available layout to users can use. It is Horizontal.

Was this article helpful to you? Yes No

How can we help?