Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-04-22 22:17:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8
ToolJet/docs/versioned_docs/version-2.29.0/tutorial/mobile-layout.md
Karan Rathod 7d4cd6da47
[docs]:app builder 1.5 updates (#8672) 
* add getter function and table transformation docs

* add dropdown, number-input, password-input and text-input docs

* [docs] custom parameters for queries

* update docs for revamped components, runJS and runPy functions and sidebar

* change order of properties and other misc changes

* update query panel and other minor fixes

* added version 2.29.0

---------

Co-authored-by: Shubhendra <withshubh@gmail.com>
2024-02-15 11:51:55 +05:30

942 B
Raw Blame History

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. :::