still image size

Hi,

I have a question. I need to have an image on the screen, but I don't want the size of the container to change regardless of the size of the image. More simply, I need the presentation to be a fixed size

Outsystems 11

Hello Lucas,

You can define a class with the width and the height that you want in the style sheet (CSS) and apply that class in the container that encloses the image.

Kind regards,

Rui Barradas

Lucas Silva wrote:

Hi Lucas,

you can do like below.

.container {
    width:100px;
    height:100px;
    background-position:center;
}

Rui Barradas wrote:

Hi, Rui

Does it work if I apply this CSS directly to the image? fixing the container he created a scroll bar.

Hi Lucas,

This is all plain CSS, so googling will get you a long way. See e.g. this (first hit I got).

when I apply the sizes, the image looks like this, I don't want this bar to be

Lucas, did you check the link I posted? Did you set the image's max-width to 100% in CSS?

Kilian Hekhuis wrote:

Sorry, the post appeared later. I'll check the link.

I applied 100% but continue this bar

Can you share a Module with this problem?

Thank you for help! Problem solved!

I was putting the class in another image, Now it worked

Ok, great you got it solved! :)