# Data-Attributes

{% hint style="info" %}
To use the Web SDK please [install ](https://docs.getcomplied.com/how-to-install)the snippet first.
{% endhint %}

You can open a popup view by (triggers when clicked):

{% tabs %}
{% tab title="Index" %}

```markup
<div gc-open-view-index="0"></div>
```

{% endtab %}

{% tab title="Id" %}

```markup
<div gc-open-view-id="119"></div>
```

{% endtab %}

{% tab title="Static" %}

```markup
<div gc-open-view="languages"></div>
```

{% endtab %}
{% endtabs %}

&#x20;If you use the attribute `gc-read-only="true"` **with one of the attributes above**, it will make the selected view closable and the back button will be hidden.<br>

Example:

```markup
<div gc-open-view="languages" gc-read-only="true"></div>
```