Astroraf
09-19-2024Data Pipeline
My image is not centering in BloX
I am going over the example in Sisense Academy with my data model for the Blox example. I am recreating the Blox widget that comes after the title blox widget and for some reason, the image that I ha...
- 09-19-2024
Hi Astroraf ,
The image will center if you place it inside a container. Here’s the updated code along with the result.
{ "type": "AdaptiveCard", "verison": "1.0", "style": "", "script": "", "title": "", "showCarousel": true, "titleStyle": [ { "display": "none" } ], "backgroundColor": "black", "body": [ { "type": "TextBlock", "text": "Exoplanet Status", "weight": "bold", "size": "extraLarge", "horizontalAlignment": "center", "color": "white" }, { "type": "Container", "items": [ { "type": "Image", "url": "https://upload.wikimedia.org/wikipedia/commons/a/aa/Exoplanets5000mark.gif", "size": "900", "horizontalAlignment": "center" } ] }, { "type": "ColumnSet", "spacing": "none", "columns": [ { "type": "Column", "separator": true, "spacing": "medium", "items": [ { "type": "TextBlock", "text": "Number of Exoplanets", "color": "white", "weight": "bold", "horizontalAlignment": "center" }, { "type": "TextBlock", "text": "{panel:num_of_planets}", "color": "white", "horizontalAlignment": "center" } ] }, { "type": "Column", "separator": true, "spacing": "medium", "items": [ { "type": "TextBlock", "text": "Average Stellar Mass", "color": "white", "weight": "bold", "horizontalAlignment": "center" }, { "type": "TextBlock", "text": "{panel:Average st_mass}", "color": "white", "horizontalAlignment": "center" } ] }, { "type": "Column", "separator": true, "spacing": "medium", "items": [ { "type": "TextBlock", "text": "Median Stellar Temperature", "color": "white", "weight": "bold", "horizontalAlignment": "center" }, { "type": "TextBlock", "text": "{panel:Median of st_teff}", "color": "white", "horizontalAlignment": "center" } ] } ] } ] }
Result:
-Hari