ToolJet/docs/versioned_docs/version-2.68.0/tutorial/mobile-layout.md
Aman Regu bdfe3270e2
[docs]: v2.68.0-Beta (#10755)
* docs: jira

* docs: formatting + Client Credentials grant type

* docs: connection string pgsql

* docs: parameterized queries mysql

* docs: parameterized queries in PostgreSQL

* docs: update mysql example

* docs: TJDB sql editor

* docs: add metadata to REST API

* docs: add, update  postgresql media

* docs: add metadata to graphql

* docs: update parameterized queries

* docs: add parameterized queries for mssql

* docs: add SSL Cert to mysql

* docs: TJDB SQL restricted commands

* docs: update JIRA token location

* docs: update delete issue example

* docs: update find user by query example

* docs: remove session id from get assignable users

* docs: use correct image for get issues for board

* docs: update create issue example

* docs: update delete issue media

* docs: update assignable users media

* docs: update examples

* docs: update key desc

* docs: v2.68.0-Beta
2024-09-13 19:23:19 +05:30

942 B

id title
mobile-layout Mobile layout

Mobile layout

Mobile layout is activated when the width of the window is less than 600px.

:::tip Widgets can be shown on desktop, mobile, or both. :::

mobile layout

Adding existing widget to mobile layout

Click on the widget to open inspector. Scroll down to the layout section and enable mobile layout. The width of the widget will be adjusted to fit the mobile layout.

Adding a new widget to mobile layout

Switch the layout to mobile by clicking the button on the top navigation bar. Drag and drop a widget to the canvas. This widget will not be shown on desktop layout unless enabled from the widget inspector via the "Show on desktop" button manually.

:::tip Width of the widgets will be automatically adjusted to fit the screen while viewing the application in app viewer. :::