Skip to main content
← Design & Bravo Tags
Design & Bravo Tags February 18, 2023 · 10 replies

Div using several flexo text

Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.

Hello 👋 all,

I need your help! I passed days to try, to watch videos and look in several shared figma/bravo files without finding a solution.

In my app, I have a list of options subscription using cards like this.
I have flexo text for the title, for the description and for the call to action?

image.png

image.png

I didn't find the structure to use for. Someone have an idea to realize a list of many cards like this with flexo texts ? any help will be appreciated 🙏

10 replies

Bastos February 19, 2023

Salut Rémy,

You have to remind one thing when you want to work with flexos : they have to be the last element in the [container] to work.

The trick then is to put containers within your container to structure it and use multiple flexos.

Rémi February 19, 2023

Thank you for your answer, indeed I saw in the documentation that flexo text has to be the last element and the only one flexo inside a container.
I tried something but it's not the solution :

image.png

With this, it gives me :

Title option 1
Title option 2
Title option 3

Description 1
Description 2
Description 3

...

If I put them inside a frame, I got an error in Bravo

Rémi February 20, 2023

I get this after putting them inside a frame (with and without container tag)

image.png

Bastos February 21, 2023

The top-level item should be a container also.
Can you make that change ?

Bastos March 7, 2023

If it's a list, I don't know if it's possible. In a detail page, it's doable for sure.

The problem for you is that your containers are not on top-level. 

image.png

Rémi March 11, 2023

Oui, c'est bien ça. J'ai bien peur de ne pas avoir de solution

Rémi March 18, 2023

Here is what I am looking for
It's so frustrating because this kind of template is basic ^^

image.png

Wrote something in this thread and want it removed? Request removal

Still stuck?

Ask the community on Discord

This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.

Join the Discord