Forum Discussion

liamcameron's avatar
liamcameron
Cloud Apps
09-25-2024
Solved

Indicator text

I have a list of transactions and i want to display a widget that says "Top Customer last 30 days" with the customer's name in big text. 

 

I could do this a very hacky way and have a table, filtered to the top 1 customer, but that will be very ugly... what i want is an idicator style large text widget, but i can only seem to display values... any ideas?

Blox
Dashboards & Reporting
  • AssafHanina's avatar
    AssafHanina
    09-25-2024

    Hey liamcameron ,

    You can achieve this using Blox Widget. 
    for example: 

    1. create Blox widget and add the related Dimension and Measure
    2. filter the Top 1 to keep single row (otherwise it will show as Carousel)
    3. Copy the Blox code below as example and place it in the Blox Editor. 
    4. Customize the text, style, panel as needed 

    Blox Code:

    {
    "style": "",
    "script": "",
    "title": "",
    "titleStyle": [
        {
            "display": "none"
        }
    ],
    "showCarousel": true,
    "body": [
        {
            "type": "Container",
            "items": [
                {
                    "type": "TextBlock",
                    "text": "Top Customer: {panel:color}. total rev - {panel:revenue} for last 30 days",
                    "style": {
                        "padding-top": "5px",
                        "text-align": "center",
                        "font-weight": "bold",
                        "font-size": "14px"
                    }
                }
            ]
        }
    ],
    "actions": []
}

     Final Output:

    Best regards

     

1 Reply

  • AssafHanina's avatar
    AssafHanina
    Sisense Employee
    09-25-2024

    Hey liamcameron ,

    You can achieve this using Blox Widget. 
    for example: 

    1. create Blox widget and add the related Dimension and Measure
    2. filter the Top 1 to keep single row (otherwise it will show as Carousel)
    3. Copy the Blox code below as example and place it in the Blox Editor. 
    4. Customize the text, style, panel as needed 

    Blox Code:

    {
    "style": "",
    "script": "",
    "title": "",
    "titleStyle": [
        {
            "display": "none"
        }
    ],
    "showCarousel": true,
    "body": [
        {
            "type": "Container",
            "items": [
                {
                    "type": "TextBlock",
                    "text": "Top Customer: {panel:color}. total rev - {panel:revenue} for last 30 days",
                    "style": {
                        "padding-top": "5px",
                        "text-align": "center",
                        "font-weight": "bold",
                        "font-size": "14px"
                    }
                }
            ]
        }
    ],
    "actions": []
}

     Final Output:

    Best regards