I’ve been working on a multiple page web app where each page has a distinct function (client management, scheduling, etc). And am at the point of tieing them together with a side menu. As I struggle with spacing and formatting issues the thought occurred to me that I could create one page with the …

That’s a good question. Seems to me that when I have a background image on a page and link to another page with the same background image that the content changes but the background image doesn’t seem to be reloaded all. Perhaps Bubble loads all pages with AJAX? …so content that doesn’t change doe…

@sridharan.s Hi Scott! Thanks again for directing me to this thread. I’m a bit confused at the last step. In your screenshot, you seem to refer to the page URL parameter in the same way that you would refer to a state. However, following the steps, I can’t see that the parameter shows up in the Co…

[image] supernaturally: Why doesn’t this trigger a page refresh? Is it hardcoded in Bubble’s backend not to reload after navigating to the same page unless we specifically execute “refresh the page”? [image] romanmg: I’ve wondered this too actually… why navigating to the same page doesn’…

[image] supernaturally: Why doesn’t this trigger a page refresh? I’d hazard a guess, based on the node backend and functionality similar to express/angular, that Bubble is running a router, which applies rules to decide what to do with a url.

Great point @petter . I’ve updated the instructions and added a new screenshot. My apologies for the oversight.

@sridharan.s Thanks again! I’ve got it solved now, thanks to you! I have one challenge though; even if the page does not reload, it seems to reload/re-search repeating groups. Which means that navigation that used to take a tenth of a second now takes about 6 seconds, and the same to go back. Also…

@petter , I’m not sure what the solution would be for that. One potential work-around would be to save the RG in a custom state and then have it load the custom state when the new URL parameter is loaded. If the custom state works, it’d be a lot quicker than hitting the database with a search query…

I tried that, but it’s just as slow. In this particular app, the navigation is very much based on RG’s (it jumps from list to list, say “Company” -> “Department” -> “Employee” -> “Item” as the user clicks. So even if there are few items in each list, it’s quite “RG-heavy”. Even when I load the RG’s…

I build Dashboards as One Page and use show hide groups for navigation. I tried many times to find a solution to send URL parameters to groups and use customer states to SHOW/HIDE Groups and be able to access the tabs using the URL Link. I think I found the way to do that and wanted to share with y…

Is there a way to not use URL parameters and still preserve the page state in the Single Page Application? For instance, instead of: /single-page?tab=1 Something like: /root-page/page/page I initially thought I could make it work in SPA … but I realized using External Links to generate these ne…

Architecture layout best practice: one page with multiple functions/groups vs multiple pages

Questions

sridharan.s September 17, 2020, 1:31am 29

I haven’t seen that error before so I’d only be guessing.

Making changes to data from one group to another in a multi-step form

Topic		Replies	Views
Single page + states = back button in browser? App Organization	15	4510	October 1, 2022
Navigation for Single Page Application App Organization	4	1938	December 9, 2022
Anybody experience wtih one page apps Need help	35	1796	November 28, 2020
Is this layout awesome, or not a good idea? App Organization	3	994	November 27, 2017
What do you think...single page vs multi page? Tips	45	18730	March 9, 2023

Architecture layout best practice: one page with multiple functions/groups vs multiple pages

Related topics