Business NXT App Demos

This repository contains demo applications that can be embedded in Business NXT layouts.

Component Showcase

View all available UI components and styling examples

Open Demo
Embeddable URL:
https://app.localtest.me:5173/components

Protected Demo

Protected

Example of protected route with authentication

Open Demo
Embeddable URL:
https://app.localtest.me:5173/protected-demo?customerNo=1182082&companyNo=5051201&layoutNo=10109&elementNo=4&sub=56456c22-cd9e-4973-9e4f-275f96b154b9&user=ole.melhus&locale=nb-NO

Add Products to Order

Protected

Select an order and add products to it using table selections

Open Demo
Embeddable URL:
https://app.localtest.me:5173/add-products?customerNo=1182082&companyNo=5051201&layoutNo=10109&elementNo=4&sub=56456c22-cd9e-4973-9e4f-275f96b154b9&user=ole.melhus&locale=nb-NO

Debug Page

View selection state and debug information

Open Demo
Embeddable URL:
https://app.localtest.me:5173/debug?customerNo=1182082&companyNo=5051201&layoutNo=10109&elementNo=4&sub=56456c22-cd9e-4973-9e4f-275f96b154b9&user=ole.melhus&locale=nb-NO

Getting Started

  1. Copy the embeddable URL for the demo you want to use
  2. In Business NXT, create a new layout element with type "External App"
  3. Paste the URL into the element configuration
  4. Add required tables to the layout (e.g., order and product tables for the "Add Products" demo)

Development

Base URL: https://app.localtest.me:5173
For local development, ensure you're running the dev server on HTTPS and that Chrome's Private Network Access restrictions are disabled.
Launch Chrome for development:
~/chrome-dev.sh