ToolJet/docs/versioned_docs/version-2.10.0/tutorial/mobile-layout.md
Shubhendra Singh Chauhan 1afe7bc9c4
[docs] added V2.10.0 (#6995)
* [docs] #6883 #6894 #6352 #6417

* [docs]added V2.10.0

* [docs]update supported file types for generate file action

* [docs] updated generate file doc and how-to for generate file for text type
2023-07-12 13:57:13 +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. :::