cancel
Showing results for 
Search instead for 
Did you mean: 

Can the indicator widget text be left aligned?

kthrapp
7 - Data Storage
7 - Data Storage

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-7642490... but no luck.

Anyone know of a way to do this?

1 ACCEPTED SOLUTION

Sijo1995
9 - Travel Pro
9 - Travel Pro

Hi @kthrapp ,

Please try with blox plugin.

Thanks

Sijo

View solution in original post

3 REPLIES 3

Sijo1995
9 - Travel Pro
9 - Travel Pro

Hi @kthrapp ,

Please try with blox plugin.

Thanks

Sijo

michael_qbeeq
8 - Cloud Apps
8 - Cloud Apps

Hi @kthrapp ,

as @Sijo1995 suggested try replacing indicator with Blox, as Indicator does not support alignment parameter. 

Best Reagrds,

Michael Becker

qbeeq.pl

{
    "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