cancel
Showing results for 
Search instead for 
Did you mean: 

How to make all images the same size in a BloX conditional statement?

Astroraf
10 - ETL
10 - ETL

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. 

 

@DRay , @Liliia_DevX  

1 ACCEPTED SOLUTION

harikm007
13 - Data Warehouse
13 - Data Warehouse

Hi @Astroraf ,

To make all images to same size, set height and width to image element as below:

harikm007_0-1727117981662.png

 

-Hari

 

View solution in original post

1 REPLY 1

harikm007
13 - Data Warehouse
13 - Data Warehouse

Hi @Astroraf ,

To make all images to same size, set height and width to image element as below:

harikm007_0-1727117981662.png

 

-Hari