Forum Discussion

zohebakber's avatar
zohebakber
Cloud Apps
01-04-2023

Text Block Left Align

Hi Team,

I am creating a text block using blox. However, even after chosing text align to "left" the result is still coming to the centre.
See the screenshot below and the code I am using.

Thanks in advance

Code:

 

{
"style": "",
"script": "",
"title": "",
"showCarousel": false,
"body": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Average Price Index: <b> ({value:Avg Price Index}%)</b>",
"style": {
"text-align": "center",
"font-size": "14px",
"margin": "9px"
}
}
]
}
],
"actions": []
}
dashboards & reporting

5 Replies

Replies have been turned off for this discussion
  • zohebakber's avatar
    zohebakber
    Cloud Apps
    01-04-2023

    Code:

     

    {
    "style": "",
    "script": "",
    "title": "",
    "showCarousel": false,
    "body": [
    {
    "type": "Container",
    "items": [
    {
    "type": "TextBlock",
    "text": "Average Price Index: <b> ({value:Avg Price Index}%)</b>",
    "style": {
    "text-align": "left",
    "font-size": "14px",
    "margin": "9px"
    }
    }
    ]
    }
    ],
    "actions": []
    }
     
    Even this code with align: left also puts the block at the centre?
  • Sijo1995's avatar
    Sijo1995
    Cloud Apps
    01-05-2023

    Hi zohebakber ,

    Please try this code

     

    {
    "style": "",
    "script": "",
    "title": "",
    "showCarousel": false,
    "body": [
        {
            "type": "Container",
            "items": [
                {
                    "type": "TextBlock",
                    "text": "Average Price Index: <b> ({value:T}%)</b>",
                    "style": {
                        "text-align": "left",
                        "font-size": "14px",
                        "margin-left": "9px"
                    }
                }
            ]
        }
    ],
    "actions": []
}

     

     

    Thanks

    Sijo

    • zohebakber's avatar
      zohebakber
      Cloud Apps
      01-05-2023

      Hi Sijo,
      Thanks for replying.
      I tried your code. In the widget editor mode, it is left aligned however as we apply this and go to the dashboard mode, the text block is seen at the center itself.

      • harikm007's avatar
        harikm007
        Data Warehouse
        01-05-2023

        Hi zohebakber ,

        Do you have any other blox widget or script in same dashboard that align the text center? Can you create a dashboard with only the blox widget and check if the issue still exist?

        -Hari