cancel
Showing results for 
Search instead for 
Did you mean: 

Indicator text

liamcameron
8 - Cloud Apps
8 - Cloud Apps

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?

1 ACCEPTED SOLUTION

AssafHanina
Sisense Team Member
Sisense Team Member

Hey @liamcameron ,

You can achieve this using Blox Widget. 
for example: 

  1. create Blox widget and add the related Dimension and Measure
    AssafHanina_0-1727306167022.png
  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:

AssafHanina_1-1727306380014.png

Best regards

 

Assaf

View solution in original post

1 REPLY 1

AssafHanina
Sisense Team Member
Sisense Team Member

Hey @liamcameron ,

You can achieve this using Blox Widget. 
for example: 

  1. create Blox widget and add the related Dimension and Measure
    AssafHanina_0-1727306167022.png
  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:

AssafHanina_1-1727306380014.png

Best regards

 

Assaf