[Need Help] Can show one image from a list, but not full list

I am trying to show a set of images in a repoeating group, but they are not showing up on the page…

When I set it to show the first image from the list, it can do that:
image
shows:

When I set it to a single image, it can do that:
image
Shows:

But trying to get it to show a list of images shows nothing…
image
shows:

When I try to get it to show those images, it is giving me the error

Hey @StandUp :wave:

Hmm :thinking: That’s interesting. It’s sort of hard because all of the screenshots are cropped. Let me take a guess.

Try making that “Current Page Book:converted to list:each item’s Images” as the data source for your repeating group. The repeating group can then be an image type.

Then the dynamic image would be the current cell’s image.

Does that work for what you need?

1 Like

An image has to be an image… it can’t be a list of images (which is what you’re currently trying to do).

It’s a bit hard to o is exactly what you’re trying to do, but if your RG is holding a list of images then just display each cells image in the image element.

2 Likes

Ah, right, so I have a logo that I am trying to display in front of the images, and I am trying to merge the two lists.

The “logo” is a single image, and the “images” are a list. I want the repeating group to show the logo, followed by the list of images.

Hmm :thinking:

So the types both need to be image. So you will have something like this:

Current Page Book:converted to list:each item’s Cover Logo merge with Current Page Book:converted to list:each item’s images

I would recommend just putting them into one list to optimize it though. Even if it is a different field called ‘combined list’ or something like that. Make it easier on yourself.

Does that work?

Thanks Jason, sadly not worked…

I am not sure what you mean by “putting them into one list” - do you mean in the database? I am not sure how I would do that, while keeping the logo separate?

I have tried the below so far:

Logo = single image
Images = list of images

The following work partially:
Current Page Book’s Logo (shows the logo repeated several times)
Current Page Book: converted to list: each items’s Logo (shows the logo repeated several times)
Current cell’s image (shows several images)
Current Page Book: converted to list: each items’s Logo: merged with Current cell’s image (shows the logo repeated several times)

The following don’t display any images:
Current Page Book’s Images
Current Page Book: converted to list: each items’s Image

What exactly are you trying to do?

As I stated previously, an image element is used to display an image (just one)… it takes a URL of a stored image (which must be a valid URL - if you try to enter a list of URLs then it’s won’t be a valid URL).

If you want to display multiple images, you need to use multiple image elements.

If doing that in a RG then each image element needs to refer to a single image - probably the current cell’s image, or the current cell’s thing’s image etc.

1 Like

Hey @StandUp :wave:

Can you please show us a screenshot of what you tried? Maybe also show us the error that it says too. That would be really helpful. :blush:

1 Like

Is this what you are trying to achieve?

Editor: Test805421 | Bubble Editor

Preview: https://test805421.bubbleapps.io/version-test/image_plus_list/1681435141120x486056797653211800?debug_mode=true

1 Like

What exactly are you trying to do?

Hi Adam, I am trying to get the logo to display first, then the other images after that.

If I use multiple image elements, surely they would then just repeat the same images in each cell?

Hi Jason, From your thing, it looks like you have the logo, followed by 3 identical pages? I am looking to have the logo first then the three images from the list of images.

I will have a play, and I will also screenshot as you suggest.

Not getting error messages when I am doing this, but I seem to be very effective at generating error messages, I can do that too!

Appreciated your help, both

Ok, so I am trying something different, and finding that putting in the same actions in two different iterations seems to have two different outcomes.

Old tieration

  • I have a group whose data sourse is Parent group’s book.
  • Inside that group is a repeating group, data source is Parent group’s Book’s Images
  • Inside that, I have an image, data source Current cell’s image

This gives me a repeating group filled with the different images

New iteration

  • I have a group whose data sourse is Parent group’s book.
  • Inside that group is a repeating group, data source is Parent group’s Book’s Images, but this time it is giving me an error:

In the new iteration, I have image A in front of the repeating group, and I have put the logo into that, which works, but I don’t see why one is working when the other it not, it feels like I am doing the same thing…

No, why would they (unless you set it up that way, which is the opposite of what you want, no?)… and I didn’t mean use multiple image elements inside the RG cell, I meant use multiple image elements, one for each image (i.e. a Repeating Group - that what a RG is)

In any case, all you need to do is define the first image, convert that to a list, then merge it with the remaining list.

1 Like

Your second one makes no sense (which is why you’re got an error)…

If the RG content type is Book, then the datasource needs to be a list of Books (obviously) - but at the moment it’s a list of Images.

1 Like

Ok, so I think I have done as you suggest, and it works - but it seems like I am having to manually put in images rather than using repeating group, so I am limited to the number of image cells I choose to enter…? It works, but feels blunt force?

I think I understand that, but when Bubble gives me the error that something needs to be something else, that is where I get lost because i can’t work out how to give it the, in this case, data source of a list…

It seems to me like taking a step back, and getting to grips with the basics of Bubble (understanding datatypes, lists, RGs etc.) would be more beneficial to you than carrying on trying to fix something without understanding it.

Without understanding it it can be frustrating… but this is really a very simple thing you’re trying to do…

Ok, so I think I have done as you suggest, and it works - but it seems like I am having to manually put in images rather than using repeating group, so I am limited to the number of image cells I choose to enter…? It works, but feels blunt force?

I’m not too sure I understand what you’re talking about here (you shouldn’t be doing anything ‘manually’) - but again, it sounds as though you’re lacking some basic understanding of RGs and displaying lists of data.

I’d recommend taking some time to go through the basic tutorials, and reading through the manual to get to grips with the basics - then you’ll see how simple this is.

1 Like

Ok! Thank you both for your huge help in this, I have 2 solutions that work.

First one is brute force, described above.

Second one, I have a group containing

  1. an image (the book logo), and
  2. a repeating group containing an image cell with current cell’s image

Thank you for getting me this far!

What I still don’t know, and would love to understand, is how to merge, so that the logo would appear in the repeating group in front of the other images…

Again, very much appreciated so far!

Hi Adam, that is sound advice.

I have actually done all the tutorials, I have read every page of Bubble’s own manual, I have read the whole way through Petter’s Ultimate Guide to Bubble Performance, and his Ultimate guide to Bubble Security, I have copied several of various people’s videos, and I am currently on a course.

However, what I really could do with is what you describe, some clear explanation of these things, because I do not come from a tech background, and some of this stuff is completely alien to me. Certainly I am having to work extremely hard at it, full time for more than a month now, so a translator would be amazing! If you know of one, please please do point me in the right direction!

And thanks again, very much appreciated