Forum Discussion

Astroraf's avatar
Astroraf
Data Pipeline
09-23-2024
Solved

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. 

 

DRay , Liliia_DevX  

  • Hi Astroraf ,

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

     

    -Hari

     

1 Reply

  • harikm007's avatar
    harikm007
    Data Warehouse

    Hi Astroraf ,

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

     

    -Hari