Forum | Appery.io

How to set dimensions of palette itens as percentages, to be visibles at various screen sizes?

Add custom CSS to the element. Each element has Class attribute in the properties.

Like this:

code
.resize {
width: 100% auto;
}
/code

yes.

Not worked (test mode). I used a image object to this test. I uploaded the css file and include the style ́s name in the "Class Name" field. Is that right?

You should use Firebug or Chrome Developer Tools to debug and see what styles are applied.

Hi Max,

Seems that the two classes, that I created and the original, were joined: code<img class = "resize mobileimage1" &#46;&#46;&#46;/code

Hi Max,

Seems that the two classes, that I created and the original, were joined:

code<img class = "resize mobileimage1" &#46;&#46;&#46;/code

Not joined... just used together. You can overwrite values in other classes.

I even tried to overwrite the default CSS, including "! Important" but to not works, the image is not resizing.

code
&#46;resize {
width: 100% Auto !important;
}
/code

Could you help with the necessary code to implement it? I intend to create applications using several images that necessarily have to resize to be seen on any screen.

Thanks