Simulate active page button style

docs/README.md

@@ -0,0 +1,4 @@
+# Navigation updates
+
+- Added the **Units Ordered** nav button beneath **Units Shipped** on every Sales canvas so the new sales dashboard route is reachable from Capacity Planning, Units Ordered, and Units Shipped.
+- Each page now hardcodes the appropriate nav button to `appsmith.theme.colors.primaryColor` and keeps the others at `appsmith.theme.colors.backgroundColor`, guaranteeing only the current canvas renders with the darker highlight without referencing `appsmith.page`.

pages/Sales - Capacity Planning/widgets/Container1/Button1.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 8,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Capacity Planning' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Capacity Planning/widgets/Container1/Button1Copy.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 12,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Units Shipped' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Capacity Planning/widgets/Container1/Button1Copy2.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 16,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Units Ordered' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Units Ordered/widgets/Container1/Button1.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 8,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Capacity Planning' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Units Ordered/widgets/Container1/Button1Copy.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 12,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Units Shipped' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Units Ordered/widgets/Container1/Button1Copy2.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 16,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Units Ordered' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Units Shipped/widgets/Container1/Button1.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 8,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Capacity Planning' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Units Shipped/widgets/Container1/Button1Copy.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 12,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Units Shipped' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [

pages/Sales - Units Shipped/widgets/Container1/Button1Copy2.json

@@ -3,7 +3,7 @@
   "borderRadius": "0.375rem",
   "bottomRow": 16,
   "boxShadow": "none",
-  "buttonColor": "{{appsmith.page.name === 'Sales - Units Ordered' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
+  "buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
   "buttonVariant": "PRIMARY",
   "disabledWhenInvalid": false,
   "dynamicBindingPathList": [