Displaying and Creating 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
How the Form block works.
Layout: Contact Form with Map
A basic contact form with a Google Map.
Layout: Customizable Form
Advanced form layout with customizable fields.
Layout: Customizable Form with Labels
A Customizable Form layout with labels.
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.
Organizational Chart
Organizational Chart Block Overview
Organizational Chart block overview։