Vault: Hide Elements During Website Access

This guide explains how to hide specific fields or buttons on a website's login screen when it's accessed through Vault. This is a useful security feature for preventing users from seeing sensitive information, such as a password, during the login process.

Inspecting the Element to Hide

Find the unique CSS selector for the field or button you want to hide.

1. Access the website outside of Vault.
2. Right-click on the element you wish to hide (e.g., the eye icon in a password field).
3. Select Inspect from the context menu. This will open the developer console.
4. In the developer console, locate the code for the element you just inspected.
5. Right-click on the code and find the option to Copy the selector.

Configuring the Hiding Rule

You have two options for applying the hiding rule in Vault:

To edit the website asset

1. Log in to the Vault platform.
2. Go to Websites.
3. Select and click on the relevant website. The Edit Website page is displayed.
4. In the Autofill Parameters tab, locate the Field Selector to Hide field.
5. Paste the selector you copied in the previous section into this field.
6. Click Save to apply the changes.

To configure during connection

1. Go to the website asset and click on Actions > Connect.
2. In the pre-connection window that appears, click on Advanced configurations.
3. Locate the selector to hide field.
4. Paste the selector you copied in previous into this field.
5. Click Save to apply the rule for this connection.

Once these steps are completed, the specified field or button will no longer be visible when the website is accessed through Vault, helping to prevent the exposure of sensitive information.