Astroraf
09-23-2024Data Pipeline
How to make all images the same size in a BloX conditional statement?
I have a BloX widget where all my pictures that I am using are of different sizes, I want to be able to make them all the same size so that when you the user sift through each image the BloX widget doesn't change the size and stays the same.
My code:
{
"type": "AdaptiveCard",
"verison": "1.0",
"style": "",
"script": "",
"title": "BloX",
"conditions": [
{
"textEquals": "Astrometry",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"image": "https://scitechdaily.com/images/VLBA-Star-Wobble-Planet-Detection.gif"
},
{
"textEquals": "Disk Kinematics",
"backgroundColor": "#f9911e",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"imageSizes": 200,
"image": "https://sahl95.github.io/ResearchThumbnailGifs/WarpedDisc_Pres_Rotation_trim.gif"
},
{
"textEquals": "Eclipse Timing Variations",
"backgroundColor": "#8ec13f",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"imageSizes": 1200,
"image": "https://planetary.s3.amazonaws.com/web/assets/pictures/_1200x563_crop_center-center_82_line/283603/20200424_TPS_20_01_Exoplanet-InfoSushi_Final_1920_Light-6.jpg.webp"
},
{
"textEquals": "Imaging",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"image": "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/HR_8799_Orbiting_Exoplanets.gif/640px-HR_8799_Orbiting_Exoplanets.gif"
},
{
"textEquals": "Microlensing",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"size": "large",
"image": "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Microlensingexoplanet.gif/220px-Microlensingexoplanet.gif"
},
{
"textEquals": "Orbital Brightness Modulation",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"image": "https://lweb.cfa.harvard.edu/~avanderb/tutorial/transitgif2.gif"
},
{
"textEquals": "Pulsar Timing",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"image": "https://lostintransits.wordpress.com/wp-content/uploads/2014/08/rvgif2.gif"
},
{
"textEquals": "Pulsation Timing Variations",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"image": "https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExbW5vM3N1OWlkNjJ1NHl2eGhhOWJjMnB5cjNrMnhzbTh0dXU4bGFlMCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/0lRUabz7dDZjUrDunc/giphy.gif"
},
{
"textEquals": "Radial Velocity",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"image": "https://uploads-cdn.omnicalculator.com/images/Al_exo_redshiftNASA2.gif"
},
{
"textEquals": "Transit",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"image": "https://planetbteam.com/wp-content/uploads/2020/03/EssentialCreamyClumber-small.gif"
},
{
"textEquals": "Transit Timing Variations",
"backgroundColor": "",
"hide": false,
"fontSize": "medium",
"fontWeight": "light",
"color": "white",
"image": "https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExajg2cWsyNHk3bGk1MmM0c3VibDhscDNmYzZxdnlmbGNxdTJvcjlnbiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/hFzSMB7Lt1PdSyJ34T/giphy.gif"
}
],
"showCarousel": true,
"titleStyle": [
{
"display": "none"
}
],
"body": [
{
"type": "TextBlock",
"text": "Types of Detection Methods",
"horizontalAlignment": "center",
"size": "medium",
"color": "white",
"weight": "light"
},
{
"spacing": "small",
"type": "Container",
"items": [
{
"type": "Image",
"class": "condition_data",
"url": "https://scitechdaily.com/images/VLBA-Star-Wobble-Planet-Detection.gif",
"size": "medium",
"horizontalAlignment": "center"
},
{
"type": "TextBlock",
"class": "condition_data",
"text": "{panel: discoverymethod}",
"horizontalAlignment": "center",
"size": "medium",
"color": "white",
"weight": "light"
},
{
"type": "TextBlock",
"text": "{panel:dupcount([discoverymethod])}",
"horizontalAlignment": "center",
"size": "large",
"weight": "bold",
"color": "white"
}
]
}
],
"spaceAround": "small",
"cornerRadius": "medium",
"shadow": "light",
"actions": []
}
In my code I have imageSizes but this code doesn't seem to work.