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 1:
  • Div, and Copy and Paste
  • Step 2:
  • Size, Alignment, Orientation, and Div
  1. Quick Start
  2. AirBnb: Tutorial
  3. Home Header

4. Tablet Menu

Build a desktop oriented menu for your Home Screen!

Previous3.4. Search | StyleNext4.1. Menu | Elements

Last updated 1 year ago

Step 1:

Div, and Copy and Paste

1.1. New child Div, inside "homemenu":

Name: homemenutablet

1.1. Written steps

1.2. Copy and paste "sitemenulogo" into "homemenutablet":

Copy: [ctrl c ] or [cmd c]

Paste: [ctrl v ] or [cmd v]

1.2. Written steps

1.4. Copy and paste "sitemenuusers" into "homemenutablet":

Copy: [ctrl c ] or [cmd c]

Paste: [ctrl v ] or [cmd v]

1.4. Written steps

1.3. New child Div, inside "homemenutable":

Name: searchmenutablet

1.3. Written steps

1.4. Refresh "Home"

1.5. Organice Divs

Step 2:

Size, Alignment, Orientation, and Div

2.1. Set "homemenutablet" Size:

Width: Fill

Height: Wrap

2.1. Written steps

2.2. Set "homemenutablet" Alignment:

Main axis: center

Cross axis: distribute

2.2. Written steps

2.3. Set "homemenutablet" Orientation:

Horizontal

2.3. Written steps