Create an Anchor

When you click any contents or menus on the website, have you ever seen the screen that moves like scrolling up and down!

Let’s create anchors that you are able to set them at specific locations and to link them to the desired apps or components.

STEP 01. Set an Anchor

①   Click [Design Mode]

②   Click [Edit Settings] button of the component to be moved to the anchor feature.

Let’s add the anchor feature to the header area that has the ‘header menu’ and ‘navigation’ components.

(Tip) It is the process to set that the screen is moved to the point ‘header’ when the content is clicked.

③   Click [Anchor] and select the detail features.

(Tip) By adjusting the timing, speed, and delay, you can see how the screen moves.

④   If you set [Anchor], you can see that the anchor icon is created.

STEP 02. Set a Link

Let’s link to ‘TOP’ icon.

①   Click [Edit Settings] button in the text area, and then click [Link] button.

(Tip) When clicking on the ‘TOP’ icon, it moves to ‘header’

②   Select the [Anchor] icon from the types of link.

③   Select the page to be linked and the anchor name, click [Complete] to save your work.

④   Click the ‘text’ area that was set the [Link] à it moves to the ‘header’ area that [Anchor] was set.

Recent website screens are utilizing various link settings.

Why don’t you use the [Anchor] feature to make the main design efficiently?