Separate navigation as the global navigation

2026-01-27 12:30:53 +01:00
parent b8befc428e
commit 9356e6893f
6 changed files with 675 additions and 16 deletions
--- a/Shipped/widgets/Navigation.json
+++ b/Shipped/widgets/Navigation.json
@@ -0,0 +1,133 @@
+{
+  "animateLoading": true,
+  "borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
+  "bottomRow": 5,
+  "boxShadow": "none",
+  "buttonVariant": "TERTIARY",
+  "childStylesheet": {
+    "button": {
+      "buttonColor": "{{appsmith.theme.colors.primaryColor}}"
+    }
+  },
+  "dynamicBindingPathList": [
+    {
+      "key": "borderRadius"
+    }
+  ],
+  "dynamicTriggerPathList": [
+    {
+      "key": "groupButtons.homeBtn.onClick"
+    },
+    {
+      "key": "groupButtons.salesMenu.menuItems.salesOverview.onClick"
+    },
+    {
+      "key": "groupButtons.salesMenu.menuItems.capacityPlanning.onClick"
+    },
+    {
+      "key": "groupButtons.salesMenu.menuItems.unitsShipped.onClick"
+    },
+    {
+      "key": "groupButtons.marketingBtn.onClick"
+    }
+  ],
+  "flexVerticalAlignment": "start",
+  "groupButtons": {
+    "homeBtn": {
+      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonType": "SIMPLE",
+      "iconName": "home",
+      "id": "homeBtn",
+      "index": 0,
+      "isDisabled": false,
+      "isVisible": true,
+      "label": "Home",
+      "menuItems": {},
+      "onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}"
+    },
+    "salesMenu": {
+      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonType": "MENU",
+      "iconName": "trending-up",
+      "id": "salesMenu",
+      "index": 1,
+      "isDisabled": false,
+      "isVisible": true,
+      "label": "Sales",
+      "menuItems": {
+        "salesOverview": {
+          "backgroundColor": "#FFFFFF",
+          "iconAlign": "left",
+          "iconColor": "#040627",
+          "iconName": "dashboard",
+          "id": "salesOverview",
+          "index": 0,
+          "isDisabled": false,
+          "isVisible": true,
+          "label": "Overview",
+          "onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}",
+          "textColor": "#040627"
+        },
+        "capacityPlanning": {
+          "backgroundColor": "#FFFFFF",
+          "iconAlign": "left",
+          "iconColor": "#040627",
+          "iconName": "calendar",
+          "id": "capacityPlanning",
+          "index": 1,
+          "isDisabled": false,
+          "isVisible": true,
+          "label": "Capacity Planning",
+          "onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}",
+          "textColor": "#040627"
+        },
+        "unitsShipped": {
+          "backgroundColor": "#FFFFFF",
+          "iconAlign": "left",
+          "iconColor": "#040627",
+          "iconName": "box",
+          "id": "unitsShipped",
+          "index": 2,
+          "isDisabled": false,
+          "isVisible": true,
+          "label": "Units Shipped",
+          "onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}",
+          "textColor": "#040627"
+        }
+      }
+    },
+    "marketingBtn": {
+      "buttonColor": "{{appsmith.theme.colors.primaryColor}}",
+      "buttonType": "SIMPLE",
+      "iconName": "megaphone",
+      "id": "marketingBtn",
+      "index": 2,
+      "isDisabled": false,
+      "isVisible": true,
+      "label": "Marketing",
+      "menuItems": {},
+      "onClick": "{{navigateTo('Marketing', {}, 'SAME_WINDOW')}}"
+    }
+  },
+  "isLoading": false,
+  "isVisible": true,
+  "key": "nav4btngrp",
+  "leftColumn": 0,
+  "minWidth": 450,
+  "mobileBottomRow": 5,
+  "mobileLeftColumn": 0,
+  "mobileRightColumn": 64,
+  "mobileTopRow": 0,
+  "orientation": "horizontal",
+  "parentColumnSpace": 25.109375,
+  "parentId": "0",
+  "parentRowSpace": 10,
+  "renderMode": "CANVAS",
+  "responsiveBehavior": "fill",
+  "rightColumn": 64,
+  "topRow": 0,
+  "type": "BUTTON_GROUP_WIDGET",
+  "version": 1,
+  "widgetId": "nav4btngrp004",
+  "widgetName": "Navigation"
+}