Documentation
Low-code
Low-code
  • What is Agua?
  • Quick Start
    • AirBnb: Tutorial
      • Component: Button
      • Component: Card
        • Card's Tag
        • Card's Images
        • Card's Info
      • Home Header
        • 1. Banner
        • 2. Divider
        • 3. Desktop Menu
          • 3.1. Site Menu | Elements
          • 3.2. Site Menu | Style
          • 3.3. Search | Elements
          • 3.4. Search | Style
        • 4. Tablet Menu
          • 4.1. Menu | Elements
          • 4.2. Menu | Style
  • Daily Use
    • Basics
      • Initial Setup
      • Project structure
        • .agua folder
      • Project persistence
        • Saving your project
        • Deploy Locally
  • Help and Community
    • Support
    • Latam Community
    • Global Community
Powered by GitBook
On this page
  • Step 3:
  • Div, Size, and Orientation
  • Step 4:
  • Text, Icon, and Size
  • Step 5:
  1. Quick Start
  2. AirBnb: Tutorial
  3. Home Header
  4. 4. Tablet Menu

4.1. Menu | Elements

Build a desktop oriented menu for your Home Screen!

Previous4. Tablet MenuNext4.2. Menu | Style

Last updated 1 year ago

Step 3:

Div, Size, and Orientation

3.1. New child Divs, inside "searchmenutablet":

Name 1 : searchmenutabletdiv1

Name 2: searchmenutabletdiv2

Name 3: searchmenutabletdiv3

Name 4: searchmenutabletdiv4

3.1. Written steps

3.2. Set "searchmenutablet" Size:

Width: Wrap

Height: Wrap

3.2. Written steps

3.3. Set "searchmenutablet" Alignment:

Main: Axis center

Cross: Axis center

3.3. Written steps

-Inside the Properties Panel-

A. [Click] the Main Axis center button, inside the Alignment section:

  • In the Top-Down first row of buttons, choose the Left-to-right second one.

  • The items are packed to each other toward the center.

B. [Click] the Cross Axis center button, inside the Alignment section:

  • In the Top-Down second row of buttons, choose the Left-to-right second one.

  • The items are packed to each other toward the center.

3.4. Set "searchmenutablet" Orientation: cambiar orden en todos.

Horizontal

3.3. Written steps

Step 4:

Text, Icon, and Size

4.1. New child Text, inside "searchmenutabletdiv1":

Name: searchmenutablettext1

4.1. Written steps

4.2. New child Text, inside "searchmenutabletdiv2":

Name: searchmenutablettext2

4.2. Written steps

4.3. New child Text, inside "searchmenutabletdiv3":

Name: searchmenutablettext3

4.3. Written steps

4.4. New child Icon, inside "searchmenutabletdiv4":

Name: searchmenutableticon1

4.4. Written steps

4.5. Set "searchmenutabletdiv1, searchmenutabletdiv2, searchmenutabletdiv3, and searchmenutabletdiv4" Size:

Width: Wrap

Height: Wrap

4.5. Written steps

Step 5:

5.1. Set "searchmenutablettext1" Text:

Anywhere

5.1. Written steps

5.2. Set "searchmenutablettext2" Text:

Any week

5.2. Written steps

5.3. Set "searchmenutablettext3" Text:

Add guests

5.3. Written steps

5.4. Set "searchmenutableticon1" Text:

search

5.4. Written steps