Thank you page block image sizes

Extensions
1

hi folks , this might sound silly but I’m having issues in the thank you page.
my images do not respect the sizes I set, but If I open the dev console, they do.
is there a more o less complex example using some of the standard html/css properties of a image? thanks.

<InlineLayout
  spacing="loose"
  columns={['1']}
  inlineAlignment="center"
  overflow="hidden"
>
  <View inlineSize="max-content">
    <Image
      source={url}
      fit="contain"
      inlineSize={100
      }
      blockSize={100
      }
      accessibilityDescription="Payment method Logo"
    />
  </View>
</InlineLayout>

also if there is a page or site or repo with implemented examples of this library it would be AWESOME. I feel it is a bit different to all I know btw.

2

please if someone can point to the right direction… the images are not responding… before they were streching 100% and since yesterday I can see it 150px width max. always… not sure what is going on. :sweat:

3

Hi Agustin,

Was defining the image sizes previously working as expected and then changed?

4

I think I was using wrong the ecosystem of components to size a simple image… thanks for asking. I finally was able to get it right

 <Grid columns={['100%']} spacing="none" inlineAlignment="start" blockAlignment="center">
        <View inlineAlignment="center" maxInlineSize={logoWidth}>
          <Image
            id="payment-method-logo"
            source={logoURL}
            accessibilityDescription={`${providerName} logo`}
          />
        </View>
      </Grid>