How to create a Digital Duct Tape as a Tooltip Guide

1)

Click on "+" icon next to the Sub Folder or Folder in whichever you want to create a Power Tooltip and add Digital Duct tape

2)

Click on "Tooltip Guide"

3)

Add a Tooltip Name and add rules

4)

Click on "Submit"

5)

Click on "Add Step" and select "Digital Duct Tape"

6)

Select the area where you want to apply duct tape and click on "Color bucket" to change the default color

Duct Tape is applied to hide a sensitive area

7)
 

Choose a color for covering the area

8)

Select this checkbox to enable the alert for duct tape

9)

As soon as you select the checkbox, editor will be enabled where you can provide a message

10)

Click on "Save"

11)

You can preview the duct tape by clicking here

12)

Click on "Publish"

13)

Make sure to publish the Folder and Sub Folder too 

Click on "Ok" 

14)

After you reload the page you will see the duct tape in action. 

Click on it to view the alert message

15)

This is how the message appears, click "Ok" and note that after the popup disappears the area hidden under the duct tape will start showing

16)

Similarly, you can also hide the area by making it transparent. For that, you need to select the radio button next to the option "Make element invisible"

Also, for this option we don't get the alert checkbox

17)

Click on "Save"

18)

Click on "Publish"

19)

Reload the page and you will see that the area you've selected, is invisible