Share

Step by Step:

For this component to work correctly, it must be placed within a component that has a modal option. 

1. In the Layout Canvas of your page, click on the “+” button, search for the Webdoor (the component with a modal) in the components list, and drag and drop in the position that you want.

2. After this, search for Share in the components list, drag and drop it below the Webdoor.

3. To configure the Share, click twice and fill the fields:

• Image: choose a file for the image featured.

• Buttons: write a label for the button.

• Modal settings:

  ◦ Modal selector: write "#modal-share".

  ◦ Modal Modifier: write ".opened"

4. Click on "Apply" to save.

5. To configure the modal on Webdoor, click twice on it,  go to the tab Button, and select "On"  to the "Open Modal" option.

6. In the field Modal selector, write "#modal-share", in the field, Modal Class write ".opened" and click on "Apply" to finish it.