4.1. Menu | Elements

Build a desktop oriented menu for your Home Screen!

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

Last updated