Masking Sensitive Information

UXLENS by default will mask all input elements so that no data typed by users will be captured stored or available during playback. In addition to this you can even configure to mask the text displayed to users if some sections of a page are sensitive.

If you wish to mask some portion of a webpage due to the presense of sensitive information in the displayed HTML you can do so by adding the following html attribute data-srec-mask to the Element. Adding this anywhere in the html will mask the content in all the children of that node.

For example, if you want to mask everything inside a form including text labels and paragraphs you can do so as shown below

<form data-srec-mask>
    <label>
        Enter Search Keyword
        <input type="text" id="search" />
    </label>
</form>

The above configuration will mask the text Enter Search Keyword in addition to the input element which is masked by default.

If you need any help please don't hesitate to contact hello@uxlens.com.