Anybody experience wtih one page apps

J805 · 2020-10-12T14:24:26.791Z

You need to change the groups data type. Right now it’s just a photo. Click this button:

samedgurses46 · 2020-10-12T14:44:02.333Z

Allright i did that and the error is gone, but now is the question how i can get that data on the group. I set the type of the group to photo but offcourse there are more details like texts and digits, does the type of the group effect this?
and now i only choosed to display the in post_detail for the image, do i need to do this for all the information that i want to display?

Image of the post_detail group

image1338×771 50.6 KB

I hope I don’t bother you!

J805 · 2020-10-12T14:58:23.459Z

Hey there

No problem, I will do my best to answer when I can.

Do you have each piece of data attached to the same data type? It’s hard to tell from these screenshots how you have your data set up.

Otherwise, you can create a set state on the page, send the data you need to there and then access it from there as well. Then you can access multiple data types. Does that make sense?

Using set states and groups is basically the same thing as a page, you send data to it like you would a page. It’s hard to tell with just screen shots.

Hope that helps.

samedgurses46 · 2020-10-12T15:20:36.864Z

Yeah it is also hard to explain with only screenshot, and as i am new to this , it is also hard for me to explain the problem. i have the link to my app:

Bubble

Bubble Editor - Testingthingsout21

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

the post detail is the group where i want to show all the details of the selected image
maybe it is better, if you have time, to check it like this way.

Do you have/know any video or other tutorial where they explain something like this?

J805 · 2020-10-12T15:26:00.075Z

So I think you have your data set up correctly as well as your workflow. You just need to display it by saying: Parent group’s Picture, Parent group’s Titel_foto, etc. Does that make sense? It shouldn’t be referencing any inputs.

Screen Shot 2020-10-12 at 8.24.06 AM2880×1642 378 KB

samedgurses46 · 2020-10-12T15:28:31.788Z

yes that is the problem, somehow i can not display the info of current selected item

J805 · 2020-10-12T15:29:36.687Z

Try adding ‘Parent Group’s Picture’ for the image’s dynamic data. Does that work?

samedgurses46 · 2020-10-12T15:31:57.791Z

i tried this allready:

image1113×430 24.8 KB

But it still does not display the current image

J805 · 2020-10-12T15:32:49.930Z

It looks like it’s working to me:

I clicked on the car, it shows the car in the details. Is this what you are expecting?

Screen Shot 2020-10-12 at 8.32.17 AM2880×1642 364 KB

Screen Shot 2020-10-12 at 8.32.21 AM2880×1642 323 KB

samedgurses46 · 2020-10-12T15:58:16.189Z

Oh nice, yes this is what i mean, but now the post_detail group is a photo type, can this bring any problem? Because now i am also going to display stuff like textst and numbers.

J805 · 2020-10-12T16:02:23.209Z

It shouldn’t be an issue. I think you will be fine. ‘Photo’ is what you called your data type, it’s not only an image.

samedgurses46 · 2020-10-12T16:03:33.664Z

so the only thing i had to do was sending the data? Or did you also changed somehting?

J805 · 2020-10-12T18:42:43.734Z

I didn’t change anything

You just have to send the data, and
make sure the group can accept the data type.
Then display the parent groups data.

And that’s all.

samedgurses46 · 2020-10-13T19:20:59.346Z

Allright thank you!

J805 · 2020-10-14T04:59:43.896Z

Welcome!

edwinious · 2020-11-27T00:32:56.809Z

So like rendering Components in React?

edwinious · 2020-11-28T16:54:00.211Z

Does this make it a true SPA (like a React SPA)?

J805 · 2020-11-28T17:13:47.237Z

I’m not sure what a React SPA is. Sorry.

Basically, creating a one page app in Bubble is literally a webpage that doesn’t need to redirect to another page (url) at all. It says in the same URL page and just changes what is seen on the page. Just a bunch of elements hidden on the page. It shows and hides the elements depending on what you set the state to be.

Does that help?

edwinious · 2020-11-28T17:21:15.686Z

Yes…a bit.

Does this mean that you create these layers that are triggered on a page? Meaning that it looks like a new page but it’s not reloading (like a multi-page app)?

And…if so, are these views (or components) independent? Meaning I can change the content and the user can add different information into the database with each different view?

I hope this makes sense…thank you for your patience

J805 · 2020-11-28T17:37:54.350Z

Yes, you can create these ‘layers’ on one page. Yes, it will look like a new page but not actually reloading.

Yes, these elements are completely independent if you want them to be.

No problem. Yes, all of that is possible.

You just use ‘groups’ in Bubble and make them look however you would like. I suggest stacking them down the screen and not overlapping them. The page will be very long, but that’s ok. As long as you ‘collapse the elements height when hidden’ then it won’t look like a long page to the user. This will help with responsiveness later on.

Hope that helps.