My CollabSphere session | DEV115 | Using XPages and Bootstrap tabs to build a (Monolithic) Single-Page Application (of Micro Front-Ends)
Posted: November 2, 2021 Filed under: Bootstrap, Collabsphere, Domino, XPages | Tags: Bootstrap, Collabsphere, Domino, HCL, XPages 5 CommentsIt’s been two weeks since CollabSphere but better late than never in releasing my session, right?
Once again, Richard and his team have pulled off a phenomenal event. Whether joining as an attendee or a speaker, the mechanism by which one could participate in sessions really could not be any smoother. Having presented at Collabsphere previously in person, I was thrown off initially by not being able to feel the “energy” in the room so to speak, but I quickly settled in and felt quite comfortable.
flexTabs
The session starts out focusing on solutions I’ve built within my organization but ends with “flexTabs” demos – a soon-to-be-released project that can make creating dynamic XPage applications easier and faster. Enjoy!
XPage.me 
Michael. First thanks for taking the time to present at CollabSphere. I never got into XPages so my question may seem naive. My question is why do you use iframes versus divs. Are all iframes and content cached in the browser or do you remove them as a user navigate to other tabs to save memory?
LikeLiked by 1 person
Richard – It’s not at all naive and is a good question. In a “classic” single-page app, adding divs dynamically is fairly typical, and I do plenty of that on my pages as well. The reason why I use iframes as part of the tabs framework is to be able to have multiple documents or views open at the same time with their own lifecycles, variables (server or client side), etc. As a user moves back and forth between “tabs” the content is still there .. that is the point, for the user to be able to maintain content in multiple places. Once a tab is closed, the iframe element for that tab is removed from the browser. This framework has been in production for 6-7 years at this point and memory usage has yet to be an issue, even with some large DataTables in use.
LikeLiked by 1 person
Michael, good to know. It is amazing the different ways you can build Domino-based web applications. We never got into the XPages. We have been using our iPhora SPA framework since 2009 which is currently Dojo based with JSON REST APIs. The JSON REST APIs are generated using our LotusScript-based Proviso engine.
LikeLiked by 2 people
As always, Michael shows amazing things. When could we work with them ourselves?
LikeLiked by 1 person
Thank you, Oleg! I am working on making it available now. Blog series upcoming 😉
LikeLiked by 1 person