Hiding sensitive information from following-participants
By using Surfly's masking features, you can ensure that confidential information remains private during collaborative sessions. Surfly provides two masking features, Element Masking and Field Masking:
Element Masking allows you to hide entire HTML elements from followers by including their CSS selectors in the
How to find CSS selector in Chrome browser
You can follow below steps to find CSS selector of an element you want to configure Element masking:
Hover the cursor over the image and right click mouse.
See the highlighted image code.
Right click on the highlighted code.
Select Copy > Copy selector.
surfly-masked CSS class can be used to customize masking, but this will require making simple code changes to your website/application.
For an example implementation of both the default and customized Element Masking, visit our demo page.
Field Masking allows you to conceal specific form fields from following-participants, preventing them from viewing the tab-owner's input. Credit card and password fields are automatically masked by default. You can add the
surfly_private attribute to other fields containing sensitive information, but this will require making simple code changes to your website/application.
<input type="text" size="20" surfly_private>
Please note that there is an exception to field masking when masked elements/fields are present in an HTML form with
method="get" or if the field's value is used in the URL. In such cases, although the fields are masked and not visible to followers in the user interface, the values entered in those fields can still be tracked through Audit Logs (
relocate_start event) and may be exposed through browser network activity.