Displaying Data
List
List Block Overview
The features of the List block.
List Filtering with URL
How to filter list data from the URL.
List Conditional Filters
Setting up conditions to filter the list data.
Layout: List with horizontal cards and upvoting button
Overview of the List layout.
Layout: List with deletable elements, vertical cards
Overview of the List layout.
Layout: List with small cards
Overview of the List layout.
Layout: List with timeline
Overview of the List layout.
Layout: List with horizontal cards
Overview of the List layout.
Layout: List with columnar sliding cards
Overview of the List layout.
Layout: Inbox
Overview of the List layout.
Layout: List with horizontal sliding cards
Overview of the List layout.
Layout: List with vertical cards and tag
Overview of the List layout.
Layout: List with vertical cards and description
Overview of the List layout.
Layout: List with vertical cards and video
Overview of the List layout.
Layout: List with vertical cards and visible button
Overview of the List layout.
Layout: List with horizontal cards and visible button
Overview of the List layout.
List Details
List Details Block Overview
How to configure the List Details block and link it to a List.
Linked List
How to configure linked lists through a List Details block.
Comments
Adding a comments feature to a List Details.
Use Case: Creating a User Profile with List Details
Let users view and edit their profiles.
Use Case: Embedding Calendly in List Details
How to add Calendly embed code within a List Details block
Layout: List details page with side image
Overview of the block layout.
Layout: List details page with image slider
Overview of the block layout.
Layout: List details page with video
Overview of the block layout.
Layout: List Details Page with 3 Column View
Overview of the block layout.
Forms
Form Block Overview
Enhance your apps with customizable Basic and Conditional Forms.
Basic Forms
Learn how to build a basic form.
Conditional Forms
Learn how to build a conditional form.
Advanced Form Features
Get the most out of your forms with advanced features.
Use Case: Job Submission with Hidden Fields
Learn how to use hidden fields on an example.
Tutorial: Sending Form Data to a Data Source
Learn how to send form submissions to a data source
Charts
Chart Block Overview
Adding charts to your Softr app.
Type: Bar Chart
Chart type overview.
Type: Stacked Bar Chart
Chart type overview.
Type: Line Chart
Chart type overview.
Type: Area Chart
Chart type overview.
Type: Scatter Chart
Chart type overview.
Type: Pie Chart
Chart type overview.
Type: Donut Chart
Chart type overview.
Type: Rose Chart
Chart type overview.
Block Containers
Column Container
Display your blocks side by side
Tabs
Display blocks in Tabbed layout
Organizational Chart
Organizational Chart Block Overview
Organizational Chart block overviewึ
Other
Calendar
Display your data in a calendar layout.
Map
Show locations through a map.
Kanban
Display data as a Kanban board.
Summary Cards
Summarize your data through cards.
Header
Header Block Overview
The main features of the Header block.
Layout: Header with sublinks and button
Header layout overview.
Layout: Header with links and buttons
Header layout overview.
Layout: Header with hamburger menu
Header layout overview.
Layout: Header with sublinks, icons, and description
Header layout overview.