Revised version with the new container and buttons based navigation

This commit is contained in:
2026-01-29 11:54:15 +00:00
parent 75fb3eadf0
commit d51352f0c3
42 changed files with 547 additions and 1694 deletions

View File

@@ -6,7 +6,7 @@
{
"dsl": {
"backgroundColor": "none",
"bottomRow": 960,
"bottomRow": 1240,
"canExtend": true,
"containerStyle": "none",
"detachFromLayout": true,

View File

@@ -0,0 +1,47 @@
{
"animateLoading": true,
"borderRadius": "0.375rem",
"bottomRow": 8,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
}
],
"dynamicTriggerPathList": [
{
"key": "onClick"
}
],
"isDefaultClickDisabled": true,
"isDisabled": false,
"isLoading": false,
"isVisible": true,
"key": "0k5ucqsuin",
"leftColumn": 0,
"minWidth": 120,
"mobileBottomRow": 8,
"mobileLeftColumn": 0,
"mobileRightColumn": 16,
"mobileTopRow": 4,
"needsErrorInfo": false,
"onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW');}}",
"parentColumnSpace": 3.841796875,
"parentId": "x3pc17vp6q",
"parentRowSpace": 10,
"placement": "START",
"recaptchaType": "V3",
"renderMode": "CANVAS",
"resetFormOnClick": false,
"responsiveBehavior": "hug",
"rightColumn": 64,
"text": "Capacity Planning",
"topRow": 4,
"type": "BUTTON_WIDGET",
"version": 1,
"widgetId": "s188sbgcao",
"widgetName": "Button1"
}

View File

@@ -0,0 +1,43 @@
{
"animateLoading": true,
"borderRadius": "0.375rem",
"bottomRow": 12,
"boxShadow": "none",
"buttonColor": "#ffffff",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [],
"dynamicTriggerPathList": [
{
"key": "onClick"
}
],
"isDefaultClickDisabled": true,
"isDisabled": false,
"isLoading": false,
"isVisible": true,
"key": "0k5ucqsuin",
"leftColumn": 0,
"minWidth": 120,
"mobileBottomRow": 8,
"mobileLeftColumn": 0,
"mobileRightColumn": 16,
"mobileTopRow": 4,
"needsErrorInfo": false,
"onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW');}}",
"parentColumnSpace": 3.841796875,
"parentId": "x3pc17vp6q",
"parentRowSpace": 10,
"placement": "START",
"recaptchaType": "V3",
"renderMode": "CANVAS",
"resetFormOnClick": false,
"responsiveBehavior": "hug",
"rightColumn": 64,
"text": "Units Shipped",
"topRow": 8,
"type": "BUTTON_WIDGET",
"version": 1,
"widgetId": "6r4m823fno",
"widgetName": "Button1Copy"
}

View File

@@ -0,0 +1,87 @@
{
"animateLoading": true,
"backgroundColor": "#FFFFFF",
"borderColor": "#E0DEDE",
"borderRadius": "0px",
"borderWidth": "1",
"bottomRow": 124,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"children": [
{
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 1240,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"canExtend": false,
"containerStyle": "none",
"detachFromLayout": true,
"dynamicBindingPathList": [
{
"key": "borderRadius"
},
{
"key": "boxShadow"
}
],
"dynamicHeight": "AUTO_HEIGHT",
"flexLayers": [],
"isLoading": false,
"isVisible": true,
"key": "xorz42kdhi",
"leftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4,
"minHeight": 100,
"minWidth": 450,
"mobileBottomRow": 100,
"mobileLeftColumn": 0,
"mobileRightColumn": 132.9375,
"mobileTopRow": 0,
"needsErrorInfo": false,
"parentColumnSpace": 1,
"parentId": "4ric55du8p",
"parentRowSpace": 1,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 132.9375,
"topRow": 0,
"type": "CANVAS_WIDGET",
"version": 1,
"widgetId": "x3pc17vp6q",
"widgetName": "Canvas1"
}
],
"containerStyle": "card",
"dynamicBindingPathList": [
{
"key": "boxShadow"
}
],
"dynamicHeight": "FIXED",
"dynamicTriggerPathList": [],
"flexVerticalAlignment": "stretch",
"isCanvas": true,
"isLoading": false,
"isVisible": true,
"key": "36jaq5m9iy",
"leftColumn": 0,
"maxDynamicHeight": 12,
"minDynamicHeight": 10,
"minWidth": 450,
"mobileBottomRow": 10,
"mobileLeftColumn": 0,
"mobileRightColumn": 3,
"mobileTopRow": 0,
"needsErrorInfo": false,
"parentColumnSpace": 44.3125,
"parentId": "0",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 6,
"shouldScrollContents": true,
"topRow": 0,
"type": "CONTAINER_WIDGET",
"version": 1,
"widgetId": "4ric55du8p",
"widgetName": "Container1"
}

View File

@@ -0,0 +1,52 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 4,
"dynamicBindingPathList": [
{
"key": "truncateButtonColor"
},
{
"key": "fontFamily"
},
{
"key": "borderRadius"
}
],
"dynamicHeight": "AUTO_HEIGHT",
"dynamicTriggerPathList": [],
"fontFamily": "{{appsmith.theme.fontFamily.appFont}}",
"fontSize": "1rem",
"fontStyle": "BOLD",
"isLoading": false,
"isVisible": true,
"key": "01n8bhu9n6",
"leftColumn": 0,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4,
"minWidth": 450,
"mobileBottomRow": 6,
"mobileLeftColumn": 10,
"mobileRightColumn": 26,
"mobileTopRow": 2,
"needsErrorInfo": false,
"originalBottomRow": 7,
"originalTopRow": 0,
"overflow": "NONE",
"parentColumnSpace": 3.841796875,
"parentId": "x3pc17vp6q",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 64,
"shouldTruncate": false,
"text": "Sales",
"textAlign": "LEFT",
"textColor": "#231F20",
"topRow": 0,
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
"type": "TEXT_WIDGET",
"version": 1,
"widgetId": "20hjkxb0im",
"widgetName": "Text1"
}

View File

@@ -1,7 +1,7 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 16,
"bottomRow": 5,
"dynamicBindingPathList": [
{
"key": "truncateButtonColor"
@@ -21,7 +21,7 @@
"isLoading": false,
"isVisible": true,
"key": "pii8e5rbru",
"leftColumn": 1,
"leftColumn": 6,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4,
"minWidth": 450,
@@ -30,20 +30,20 @@
"mobileRightColumn": 17,
"mobileTopRow": 1,
"needsErrorInfo": false,
"originalBottomRow": 16,
"originalTopRow": 8,
"originalBottomRow": 5,
"originalTopRow": 0,
"overflow": "NONE",
"parentColumnSpace": 25.109375,
"parentId": "0",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 17,
"rightColumn": 22,
"shouldTruncate": false,
"text": "Sales / Capacity Planning",
"text": "Sales - Capacity Planning",
"textAlign": "LEFT",
"textColor": "#231F20",
"topRow": 8,
"topRow": 0,
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
"type": "TEXT_WIDGET",
"version": 1,

View File

@@ -1,133 +0,0 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 7,
"boxShadow": "none",
"buttonVariant": "PRIMARY",
"childStylesheet": {
"button": {
"buttonColor": "#020618"
}
},
"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": "#020618",
"buttonType": "SIMPLE",
"iconName": "home",
"id": "homeBtn",
"index": 0,
"isDisabled": false,
"isVisible": true,
"label": "Home",
"menuItems": {},
"onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}"
},
"salesMenu": {
"buttonColor": "#020618",
"buttonType": "MENU",
"iconName": "trending-up",
"id": "salesMenu",
"index": 1,
"isDisabled": false,
"isVisible": true,
"label": "Sales",
"menuItems": {
"salesOverview": {
"backgroundColor": "#020618",
"iconAlign": "left",
"iconColor": "#FFFFFF",
"iconName": "dashboard",
"id": "salesOverview",
"index": 0,
"isDisabled": false,
"isVisible": true,
"label": "Overview",
"onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}",
"textColor": "#FFFFFF"
},
"capacityPlanning": {
"backgroundColor": "#020618",
"iconAlign": "left",
"iconColor": "#FFFFFF",
"iconName": "calendar",
"id": "capacityPlanning",
"index": 1,
"isDisabled": false,
"isVisible": true,
"label": "Capacity Planning",
"onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}",
"textColor": "#FFFFFF"
},
"unitsShipped": {
"backgroundColor": "#020618",
"iconAlign": "left",
"iconColor": "#FFFFFF",
"iconName": "box",
"id": "unitsShipped",
"index": 2,
"isDisabled": false,
"isVisible": true,
"label": "Units Shipped",
"onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}",
"textColor": "#FFFFFF"
}
}
},
"marketingBtn": {
"buttonColor": "#020618",
"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": "nav3btngrp",
"leftColumn": 0,
"minWidth": 450,
"mobileBottomRow": 7,
"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": "nav3btngrp003",
"widgetName": "Navigation"
}

View File

@@ -2,9 +2,9 @@
"accentColor": "{{appsmith.theme.colors.primaryColor}}",
"animateLoading": true,
"borderColor": "#E0DEDE",
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"borderRadius": "0.375rem",
"borderWidth": "1",
"bottomRow": 96,
"bottomRow": 67,
"boxShadow": "{{appsmith.theme.boxShadow.appBoxShadow}}",
"cachedTableData": {},
"canFreezeColumn": true,
@@ -38,8 +38,12 @@
"used_blocks"
],
"columnUpdatedAt": 1768910474559,
"columnWidthMap": {},
"compactMode": "DEFAULT",
"columnWidthMap": {
"end_date": 207,
"line_type": 103,
"start_date": 211
},
"compactMode": "SHORT",
"customIsLoading": false,
"customIsLoadingValue": "",
"defaultPageSize": 0,
@@ -52,9 +56,6 @@
{
"key": "accentColor"
},
{
"key": "borderRadius"
},
{
"key": "boxShadow"
},
@@ -74,7 +75,11 @@
"key": "primaryColumns.used_blocks.computedValue"
}
],
"dynamicPropertyPathList": [],
"dynamicPropertyPathList": [
{
"key": "textSize"
}
],
"dynamicTriggerPathList": [],
"enableClientSideSearch": true,
"endOfData": false,
@@ -87,18 +92,18 @@
"isVisibleDownload": true,
"isVisibleFilters": false,
"isVisiblePagination": true,
"isVisibleSearch": true,
"isVisibleSearch": false,
"key": "o9k9wp97q1",
"label": "Data",
"leftColumn": 1,
"leftColumn": 6,
"minWidth": 450,
"mobileBottomRow": 31,
"mobileLeftColumn": 1,
"mobileRightColumn": 35,
"mobileTopRow": 3,
"mobileLeftColumn": 15,
"mobileRightColumn": 64,
"mobileTopRow": 10,
"needsErrorInfo": false,
"originalBottomRow": 97,
"originalTopRow": 13,
"originalBottomRow": 67,
"originalTopRow": 5,
"parentColumnSpace": 11.265625,
"parentId": "0",
"parentRowSpace": 10,
@@ -128,7 +133,7 @@
"notation": "standard",
"originalId": "end_date",
"sticky": "",
"textSize": "0.875rem",
"textSize": "0.775rem",
"thousandSeparator": true,
"validation": {},
"verticalAlignment": "CENTER",
@@ -159,7 +164,7 @@
"notation": "standard",
"originalId": "line_type",
"sticky": "",
"textSize": "0.875rem",
"textSize": "0.775rem",
"thousandSeparator": true,
"validation": {},
"verticalAlignment": "CENTER",
@@ -190,7 +195,7 @@
"notation": "standard",
"originalId": "start_date",
"sticky": "",
"textSize": "0.875rem",
"textSize": "0.775rem",
"thousandSeparator": true,
"validation": {},
"verticalAlignment": "CENTER",
@@ -221,7 +226,7 @@
"notation": "standard",
"originalId": "used_blocks",
"sticky": "",
"textSize": "0.875rem",
"textSize": "0.775rem",
"thousandSeparator": true,
"validation": {},
"verticalAlignment": "CENTER",
@@ -230,15 +235,15 @@
},
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 63,
"rightColumn": 55,
"searchKey": "",
"tableData": "{{capacity_display_all.data}}",
"textSize": "0.875rem",
"topRow": 12,
"textSize": "0.775rem",
"topRow": 5,
"totalRecordsCount": 0,
"type": "TABLE_WIDGET_V2",
"version": 2,
"verticalAlignment": "CENTER",
"widgetId": "7i9t3ugouj",
"widgetId": "auy6rk2yfa",
"widgetName": "Table1"
}