Forum Academy Marketplace Showcase Pricing Features

Como criar um determinado elemento ou ícone

Me interessei por um elemento/ícone que encontrei em alguns exemplos de plataformas parecidas com a que estou montando. Gostaria de saber como fazê-la.

f7371ff85adf8b4a2b50f45600baab71.2.jpg

Quero fazer esse ícone que está em vermelho num grupo repetidor; em que, toda vez que uma nova informação é adicionada, este elemento se estende com esta “bolinha” acompanhando.

:uk:
Hi,

I’m not sure I perfectly understood your question because I don’t speak Portuguese… so sorry if my answer doesn’t reply to your question.

You can use “custom states” for this.
Let’s call the custom state “latest information”.
When the new information “A” is created: set state “latest information” to “A”.

In your “repeating group”, configure the bubble element to “this element is not visible on page load”.

In the bubble element’s conditions, parameter: when state “latest information” is current cell’s text:

This element is visible : yes

———————————————
:portugal:

Hi,

Não sei se compreendi perfeitamente a sua pergunta porque não falo português… por isso lamento se a minha resposta não responde à sua pergunta.

Pode usar “estados personalizados” para isto.
Vamos chamar ao estado personalizado “informação mais recente”.
Quando a nova informação “A” for criada: definir o estado “última informação” para “A”.

No seu “grupo de repetição”, configure o elemento de bolha para “este elemento não é visível no carregamento da página”.

Nas condições do elemento bolha, parâmetro: quando o estado “última informação” é o texto da célula actual:

Este elemento é visível : sim

1 Like

There’s more than one way to do this.

One would be to use the shape element with a fixed width of 2 or 4px and an undefined maximum height to occupy the entire height of the RG line, this would create the illusion of a continuous vertical line between the RG cells.

For the circle you can also use a round shape (or icon element) and group it with the previous shape (aligned to parent) to make it positioned in the center. Then, put a conditional on the first shape so that when the current cell index is equal to the RG items count, i.e. if the current cell is the last cell, the maximum height of the shape is 50%, this will give the illusion that the vertical line stopped at the last item circle and will only continue when a new item is added.

Você pode criar um Grupo de coluna e dentro dele você cria outros 4 grupos.
1º Grupo - Shape
2º Grupo - Ícone
3º Grupo - Shape
4º Grupo - Ícone

Aí tu coloca a largura de uns 3px nos ícones e diminui as margens inferiores/superiores para um colocar no outro.

I’m sorry if my english is not good. Well, I undestood what you meant. You explained about how I can create a its workflow and I thank you for that. But my main doubt is: which builder’s tools should I use to create that element?

Your tips isn’t invalid, I could use them when I have access at Bubble

Thank you so much!

Okay! You can use the shape element. For the line, insert a narrow rectangle in your repeating group, and for the round shape, another rectangle and set the “border roundness” to 100 to get a perfect circle.