Widgets help the user in building the app layout. Users can store data from a Database or an API call, trigger events, etc.
Widgets can be dragged from the widget pane, positioned on the canvas, and resized to fit the data they need to display. They also come with properties that can be visually edited to set their data, change their styles, and trigger actions from them.

Naming a Widget

A widget must have a unique name that acts as an identifier on the page. It is used to access the properties of the widget everywhere in the application. In that sense, a name is like a variable in a programming language.
Note that JavaScript keywords and the window object methods and properties are not valid as widget names.
You can access the various properties of the widget using the widget's name.
{{ Table1.selectedRow.id }}

Grouping Widgets

Appsmith supports the grouping of widgets. When you group widgets, they are put in a container and can be moved together. To do this -
  • Select multiple widgets with Ctrl + Left Click
  • Now click on the dotted square icon or press Ctrl + G
Copy link
Edit on GitHub