Skip to content

Latest commit

 

History

History
178 lines (92 loc) · 10.8 KB

sample-apps.md

File metadata and controls

178 lines (92 loc) · 10.8 KB
description
This section has a bunch of applications built on Appsmith to answer some common questions asked by our community. You can fork the application to access it in edit mode.

Sample Apps

Working with Tables

How to add data into a table from an API/Query?

How to populate a table from a JS Object?

How to add a server-side search to a table?

How to add a server-side filter to a table? (MongoDB)

How to add a server-side filter to a table? (PostgreSQL)

How to generate UUID for table data?

How to generate sequential IDs for table data?

How to trigger an action on row selection?

How to conditionally change a table cell color?

Server-side Pagination

How to do pagination with PostgreSQL?

How to do pagination with MongoDB?

How to do pagination with Google Sheet?

How to do pagination with GraphQL?

How to add pagination to a Table Widget?

How to add pagination to a List Widget?

How to add pagination to a Select?

Bulk insert/update

How to bulk insert data into MongoDB (Upload CSV)?

How to bulk update data from MongoDB?

How to bulk insert data into Postgres (Dynamic inputs)?

How to bulk update data from Postgres?

Queries/Apis

How to pass arguments to APIs/Queries' run() method?

How to run APIs/Queries in sequence?

How to run multiple queries on a click event?

How to use the params received by APIs/Queries?

How to use values of queryParams in an API/Query?

How to create a GraphQL (Hasura) query to fetch table data?

How to write a RAW MongoDB query to update the document?

JS Object & Promises/Async-Await

How to populate a table from JS Object?

How to pass arguments to a JS function?

How to handle JS Promises (Chaining)?

How to handle JS Promises (Callbacks)?

How to use JS Async-Await?

How to run an API/Query (action) from a JS function?

How to run multiple actions from a JS function?

Forms

How to do form field validation?

How to add dynamic input fields to a form?

Charts

How to create charts?

How to create a pie chart?

How to create a custom chart (using Fusion Charts)?

Appsmith Framework

How to use the appsmith store - storeValue()?

How to delete a property from the appsmith store?

How to open a modal on button click - openModal()?

How to close a modal on button click - closeModal()?

How to reset a widget - resetWidget()?

How to navigate to another page/website - navigateTo()?

How to use queryParams - {{appsmith.URL}}?

How to dynamically hide/show a widget?

How to dynamically change the value of a widget?

Date-Time

How to use date input (Datepicker Widget)?

How to build a custom time picker?

How to set a max date limit for a date picker?

How to manipulate the selected date?

How to format dates with the MomentJs library?

Widgets

How to populate a list widget from query/API response data?

How to trigger an action on list widget item selection?

How to get the Base64 string of a captured image from the camera widget?

How to get the image URL of a captured image from the camera widget?

How to upload camera widget output to a database (MongoDB)?

How to use the progress bar widget?

How to upload a file to your app (using Filepicker Widget)?

UI Components

How to create a custom header & footer for the app?

How to create a sidebar for navigation for the app?

Utility

How to build a simple counter app?

How to build a simple calculator app?

How to embed HTML in the app (using iframe Widget property srcDoc)?

How to parse XML data (using JS Object)?

How to read a CSV file?

How to convert a CSV file to JSON (using JS Object)?

How to merge data from two different queries (using JS Object)?

How do I do X on Appsmith?

Live streams and apps of our community calls, where we discuss some of the frequently asked questions on our Discord, and Intercom.

Session #1: Video Link, Template Link | Topics Covered: Combining multiple queries, Dynamic queries, Switching between tabs, JS Promises, Dynamically adding widgets.

Session #2: Video Link, Template Link | Topics Covered: Pagination, Bulk Uploads, Appsmith Framework