Features Editing in Mobile Editor: Icon

Please Note: This article will showcase how to edit features in Mobile Editor. For convenience and visibility, we will use the Icon feature as an example. Other features have similar editing flow, although their editing toolkit may vary.

Adding an Icon

A feature can be placed into different blocks. To add the feature:

• Select the block to place the feature:

• In the Mobile Editor, click Build at the bottom:

• In Features, click on the feature you would like to add (in our case, Icon):

Customizing an Icon

To customize any feature, tap on it to display the editing menu. When customizing the Icon, you will be able to change the following:

Settings

• Click the Square icon on the right of the сolor to open the color picker to change the Icon Color. Click the icon area to Replace the Icon:

• In the pop-up, Select the desired Icon:

• Use the Slider Control to configure the size of the Icon:

To save your changes, click the Done button.

• The replaced Icon will be displayed in the Mobile Editor:

Background

• Add a background to the Icon:

Please Note: The default background for the icon is not applied.

• Click the icon area to Add the background shape:

• To Add or Replace the background shape, select the desired shape:

• Click the Square icon on the right of the сolor title to open the color picker to change the Background Color:

• Use the Slider Control to configure the size of the background shape:

To save your changes, click the Done button:

• To Remove the background shape, select the [X] Icon:

To save your changes, click the Done button:

Align the Icon

Align the Icon (with the background) to the Left, Center, or place it in the Right of the placeholder:

• Center:

• Right:

Rotate the Icon

Rotate the Icon Left or Right.

• Rotate left:

• Rotate right:

Flip the Icon

You can flip the Icon Vertically or Horizontally.

• Flip horizontally:

• Flip vertically: