Intro & TIP: How to Create a Markdown Accordian to Show/Hide Stuff

My first post here on the new community

Hi…
I’m Justin
I love Glide. i just crossed 80 apps in my dashboard…all experiments and cool stuff for one of my communities to use Eventually I will go pro with the best parts of apps the community is using the most… I also encourage other community creators to use Glide

My tip for you today is how to create a cell inside a Details Layout which holds a SHOW/HIDE accordian style dropdown using Markdown and a Rich Text module. Like so:
markdown-accordian

collapsible markdown?

CLICK ME

yes, even hidden code blocks!

print("hello world!")

I hope this is helpful to some of you out there… hope the code comes through ok…first time on Discourse…

6 Likes

Here is a link to the pen with the code you need…

Awesome stuff @Jaybird_Farrow :grinning: thanks for sharing, I didn’t understand how to use your code pen, so simply googled it, Here is a code if somebody is interested how to reproduce it.
NB: Make sure you have an empty line after the closing </summary> tag.

NB : Make sure you have an empty line after the closing </details> tag if you have multiple collapsible sections.

    # A collapsible section with markdown
<details>
  <summary>Click to expand!</summary>
  
  ## Heading
  1. A numbered
  2. list
     * With some
     * Sub bullets
</details>
9 Likes

That is really cool. I hate however to sound like a broken record but just be aware that support for html within the Rich Text component could go away at any time according to the Glide team.

4 Likes

Thank you George…

Awesome…

Cool stuf @Jaybird_Farrow

@david and the Glide team, could you please let me/us know if the use of such summary and detail html tag in rich text components may be revicated in a near or far future? I do need such a way to hide/show inline help for my users. Making them going to another screen to get some help would not be efficient from a UI point of view.

I am close to get a mvp and go to meet potential customers to sell them a fully customizable app for their business, so I would like to avoid changing the app structure for such a thing.

Many thanks for your feedback, even if negative. I just need to know how to make my app stable enough to be able to sell it as a product and not a demo or prototype.

Cheers!

HTML tags in Rich Text are totally unsupported and we have no plans to support them. I discourage you from telling your clients that apps built with Glide are “fully customizable.”

2 Likes

Thanks for your feedback @david. :+1:t2:

Regarding customization, the apps are customizable, up to the limit we set.

My current prototype is using only supported glides features, no html tags in rich text. Was just searching for a way to enhance a bit the UX/UI to not overload screens.