Hey! Look what we can do with the <details> tag! The markdown version of this [details="Summary"] This text will be hidden [/details] doesn’t work, though…only HTML. [CleanShot 2023-01-12 at 20.41.37]

Nice! Look good on Pages as well?

Hola! yes, it will work on Pages as well. Here another example… [image]

It’s ideal for FAQ lists :slight_smile:

Nice! That saves a lot of USC syncs!

Please do share the Rich Text Used here.

The template for each set of Questions & Answers looks like so: <details> <summary style="padding: 10px 10px 10px 10px; background-color: #245dd1; border: none; border-radius: 20px; color: #fff; box-shadow: 1px 1px 2px #bbbbbb; cursor: pointer; font-size: 120%;">{q}</summary> <p> <p s…

Hi I’m trying to build exactly this, but can’t figure out some of the details. I also have a table that has columns Question and Answer for my FAQ. However, I’m stuck on the following : Replacements are used for {q} (Question) and {a} (Answer). What are “replacements” and how do I use them? A…

aha I was able to figure this out - the solution is to format the full HTML in your Rich Text component. What you end up with is an un-human-readable Rich Text component that does however render beautifully in the app. The basic structure for each item is given above, and you replace the whole {q} a…

[image] mhsu_pw: Once you have the first item set up, you repeat this whole <details>...</details> section for each Q&A item that you want to display. That shouldn’t be necessary. The idea is to configure it once, use the Joined List column to join the template column from all rows together, …

▶ Accordion Text using inline HTML

Community Resources

Robert_Petitto September 7, 2023, 11:10pm 9

Take a look:

Collection in List style pulling from Data spreadsheet only shows raw text

Topic		Replies	Views
How to create accordion menu from spreadsheet data? Ask for Help	2	668	September 7, 2023
Intro & TIP: How to Create a Markdown Accordian to Show/Hide Stuff Ask for Help	10	2779	September 27, 2021
⚡ Rich Text > Actions! Ask for Help	52	5802	May 25, 2025
Create Drop Down List Ask for Help	32	3729	January 17, 2024
Card with collapsing details Ask for Help	4	163	November 28, 2023

▶ Accordion Text using inline HTML

Related topics