How to separate paragraphs into a repeating group in Bubble.io

Separating Paragraphs in Bubble.io

Here's a quick tip for working with paragraphs and repeating groups in your Bubble app. I've got a couple of really well-known paragraphs here. It's the title crawl from Star Wars A New Hope and I want to basically split them into a repeating group so that each paragraph enters into a new cell in my repeating group. But before I launch into that, if you're learning Bubble there is no better place to do it or better way to do it than becoming a Planet No Code member. You'll get access to all of our Bubble tutorial videos including those that you cannot find on our YouTube channel. They are exclusive to our website planetnocode.com.

Creating a Repeating Group for Paragraphs

But back to the video let me show you how we can do this. So at the moment I've just got a multiline input and I've got some text and it's displaying the multiline input's value. So let's delete that and let's put our repeating group in. And so my repeating group content is going to be text. Now this is only because I'm putting text straight into it. If you wanted to list through anything else you would probably use a different type of content. And then the data source is going to be my multiline input A's value.

Configuring the Repeating Group

And then this is where the magic happens. Split by and then I'm going to hit the enter key twice because it is two presses of the enter key separating each of my paragraphs. I'm going to untick that there. I'm going to change layout to column and I'm doing this because in my experience fixed layouts can just lead to all sorts of unexpected annoyances, irritations, so I tend to avoid them where I can. And I'm just going into the cell adding some text and saying current cell's text because that's going to apply to each paragraph.

Adjusting the Repeating Group Layout

I'm going to adjust the height to min height to zero. It's fits height to content. Then on appearance I'm going to get rid of the min row height. Each row is only going to be as big as it needs to be. And then I'm going to add in the separator, make that bigger, say 20 pixels.

Previewing the Result

So let's preview that and there you go. You can see that we have now separated multiple paragraphs into individual cells in a repeating group in Bubble. If you've got any questions or any videos you'd like to see please leave a comment down below. If you've liked this video well like it on YouTube and also hit subscribe to support our channel. Thanks very much.