As we begin to leverage the iframe functionality of the Spatial Browser for WebAR, we want to update the browser to allocate more space to linked content and less to static framing. We'll also make other quality-of-life improvements. Mockups attached.
Business Requirements
Header
Replace the static "Geo Web" header with a dynamic one that contains the current parcel's information
Parcel name (fall back to ParcelID if not found)
URI (moved from the bottom of the Web tab to within the collapsed header)
Parcel ID, Licensee, For Sale Price, Root CID (all existing fields in the collapsed header)
Expand the header vertically if the user clicks on the Parcel Name header area (not the hamburger icon area which will remain as-is)
Use ellipses for overflow text of long parcel names to not interfere with the menu icon
Toggle
Move the view toggle element to the bottom of the page (dark+semi-transparent with white text styling)
This positioning will apply to both views
Change the "3D Gallery" label to "Gallery" (we'll add other non-3D content soon)
If the linked URI is a WebAR element (8th Wall URL) display "WebAR" as the left selection on the toggle
If the linked URI is anything else, display "Web Content"
If the parcel doesn't have linked Web content, set the toggle selector and view to the "Gallery" view on load (Web will remain the default)
Full-screen iframe (Changes if technically feasible)
Add an expand icon to the iframe (white with dark, semi-transparent backing)
Expand the iframe to full screen if this button is clicked
When in full screen, replace the expand button with one to close full-screen
Do not show the chat icon logo in full-screen mode
Menu
Change the menu title to "Spatial Browser" (with ALPHA in superscript)
As we begin to leverage the iframe functionality of the Spatial Browser for WebAR, we want to update the browser to allocate more space to linked content and less to static framing. We'll also make other quality-of-life improvements. Mockups attached.
Business Requirements
Header
Toggle
Full-screen iframe (Changes if technically feasible)
Menu
Gallery