# Using collapsible \<details\> tags in your app

**URL:** <https://forums.knack.com/t/using-collapsible-details-tags-in-your-app/18180>\
**Category:** Show & Tell\
**Created:** [November 14, 2024, 12:22am UTC](https://forums.knack.com/t/using-collapsible-details-tags-in-your-app/18180 "2024-11-14T00:22:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![StephenChapman](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/stephenchapman/32/1759_2.png) [@StephenChapman](https://forums.knack.com/u/StephenChapman)\
**Post date:** [November 14, 2024, 12:22am UTC](https://forums.knack.com/t/using-collapsible-details-tags-in-your-app/18180/1 "2024-11-14T00:22:01Z")

</div>

I’ve recently requested that the Knack team add `<details>` and `<summary>`to the [Script Attack Protection Whitelist](https://learn.knack.com/article/0niud439eg-script-attack-protection-whitelisted-custom-code-elements-and-attributes).

This means that you can now add [collapsible details](https://www.w3schools.com/tags/tag_details.asp) to your rich text views, and text/formula fields without it being sanitised on clicking Save.  
This is great for when you have a big paragraph of text that you don’t always want to display to the user.

The way to format this is:

```auto
<details><summary>Expand me to see more details</summary>
This is some text hidden inside the collapsible element.
</details>

```

Example output:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/a/a78db335e6865af8ed37457e09698caf1ea178f7.png)  
 ![details-tag](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/b/b817c1433a57b57986d308219e9968f837b23667.gif)

Let me know what scenarios you use it for!

---

<div class="post-metadata">

**Author:** ![CSWinnall](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/cswinnall/32/3631_2.png) [@CSWinnall](https://forums.knack.com/u/CSWinnall)\
**Post date:** [November 14, 2024, 6:13pm UTC](https://forums.knack.com/t/using-collapsible-details-tags-in-your-app/18180/2 "2024-11-14T18:13:27Z")

</div>

That’s great thanks

---

<div class="post-metadata">

**Author:** ![CarlHolmes](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/carlholmes/32/2814_2.png) [@CarlHolmes](https://forums.knack.com/u/CarlHolmes)\
**Post date:** [November 14, 2024, 6:37pm UTC](https://forums.knack.com/t/using-collapsible-details-tags-in-your-app/18180/3 "2024-11-14T18:37:51Z")

</div>

Nice, thank you for sharing 🙏