CardLeftImage bad behavior

  

Hello,

I´m using the web pattern CardLeftImage but the image stays on top and not at the left side. I have tried to enclose the image in a div but it´s the same. Can someone give me a little help?

Thanks

Hi, can you share your OML? 

Or give more detail about what you doing?

Thanks

Hi Fábio,

This is the result:


And I'm using this pattern:

The text should appear at the right side of the image.


As you can see here: https://silkui.outsystems.com/Patterns_Web.aspx#Web_Content_CardLeftImage


Are you sure your putting Image widget in the right placeholder?


CardLeftImage have many placeholders.

1 for image, 1 for text, 1 for title

And I forgot but there may be other placeholder for action button.

Solution

Ana Paula Carreira wrote:

Hi Fábio,

This is the result:


And I'm using this pattern:

The text should appear at the right side of the image.


As you can see here: https://silkui.outsystems.com/Patterns_Web.aspx#Web_Content_CardLeftImage



Hello Ana,

You have the last SILK Pattern?

Look a this test structure:

See the attatch

Solution

Hi Ana,

From what I can gather from the image you posted, the placeholders for your CardLeftImage widget are not in their correct positions.

Like mentioned above, you might not be using the latest Silk UI version, that or you might have some CSS overriding the default CardLeftImage styles.

Thanks for your answers. It was the SilkUi version that was not updated.