I'm embedding a row of indicator widgets (Simple Numerical type) using Sisense.js. The design spec I've got calls for the title and values to be left-aligned, but I can't find any way to make it not centered.
I've tried experimenting with https://community.sisense.com/t5/knowledge/customizing-an-indicator-widget/ta-p/1770#toc-hId-764249051 but no luck.
Anyone know of a way to do this?
{
"type": "AdaptiveCard",
"title": "BloX",
"showCarousel": true,
"backgroundImage": "",
"body": [
{
"type": "Container",
"spacing": "small",
"items": [
{
"type": "TextBlock",
"size": "medium",
"horizontalAlignment": "center",
"spacing": "none",
"weight": "thin",
"wrap": "true",
"style": {
"padding-right": "0px",
"padding-top": "5px"
},
"text": "Members"
},
{
"type": "ColumnSet",
"style": {
"justifyContent": "center"
},
"columns": [
{
"type": "Column",
"horizontalAlignment": "center",
"width": "max-content",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "center",
"text": "{panel:data}",
"spacing": "none",
"size": "LMC",
"weight": "thin2",
"color": "LMC"
}
]
}
]
},
{
"type": "ColumnSet",
"width": "100%",
"style": {
"justifyContent": "center"
},
"columns": [
{
"type": "Column",
"width": "max-content",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "center",
"size": "small",
"weight": "thin",
"wrap": "true",
"text": " last year:",
"style": {
"padding": "5px 5px 0px 2px"
}
}
]
},
{
"type": "Column",
"width": "max-content",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "center",
"size": "default",
"weight": "bold",
"text": "{panel:data}",
"style": {
"padding": "5px 5px 0px 0px"
}
}
]
}
]
}
],
"selectAction": {
"type": "JTD",
"title": "Jump To Dashboard",
"data": {
"dashboardId": "5f31324bbee8fa28842d0662",
"args": {
"displayDashboardsPane": false,
"displayFilterPane": true,
"mergeTargetDashboardFilters": true,
"excludeFilterDims": [
"[dates.date (Calendar)]"
]
}
}
}
}
]
}//Configuration
{
"fontFamily": "Open Sans",
"fontSizes": {
"default": "0.8vw",
"small": "0.8vw",
"smalll": "0.7vw",
"medium": "1.2vw",
"large": "1.4vw",
"LMC": "1.6vw",
"extraLarge": "2vw"
},
"fontWeights": {
"default": 400,
"light": 200,
"bold": 800,
"thin": 550,
"thin2": 515
},
"containerStyles": {
"default": {
"backgroundColor": "#ffffff",
"foregroundColors": {
"default": {
"normal": "#000000"
},
"white": {
"normal": "#ffffff"
},
"grey": {
"normal": "#9ea2ab"
},
"orange": {
"normal": "#f2B900"
},
"yellow": {
"normal": "#ffcb05"
},
"black": {
"normal": "#000000"
},
"lightGreen": {
"normal": "#93c0c0"
},
"green": {
"normal": "#54a254"
},
"red": {
"normal": "#dd1111"
},
"accent": {
"normal": "#2C08A5"
},
"good": {
"normal": "#54a254"
},
"warning": {
"normal": "#e69500"
},
"LMC": {
"normal": "#007396"
}
}
}
},
"imageSizes": {
"default": 40,
"small": 20,
"medium": 80,
"large": 1600
},
"imageSet": {
"imageSize": "medium",
"maxImageHeight": 100
},
"actions": {
"maxActions": 5,
"spacing": "default",
"buttonSpacing": 0,
"actionsOrientation": "center",
"actionAlignment": "center",
"showCard": {
"actionMode": "inline",
"inlineTopMargin": 16
}
},
"spacing": {
"default": 0,
"small": 5,
"medium": 10,
"large": 190,
"large1": 7,
"extraLarge": 100,
"padding": 0
},
"separator": {
"lineThickness": 2,
"lineColor": "#ffcb05"
},
"factSet": {
"title": {
"size": "default",
"color": "default",
"weight": "bold",
"warp": true
},
"value": {
"size": "default",
"color": "default",
"weight": "default",
"warp": true
},
"spacing": 20
},
"supportsInteractivity": true,
"height": 89,
"imageBaseUrl": ""
}Thanks
Sijo
