Appmos
Posts: 0
Joined: Thu Sep 06, 2012 1:26 pm

Percentages

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

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Percentages

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

Appmos
Posts: 0
Joined: Thu Sep 06, 2012 1:26 pm

Percentages

Like this:

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

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Percentages

yes.

Appmos
Posts: 0
Joined: Thu Sep 06, 2012 1:26 pm

Percentages

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?

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Percentages

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

Appmos
Posts: 0
Joined: Thu Sep 06, 2012 1:26 pm

Percentages

Hi Max,

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

Appmos
Posts: 0
Joined: Thu Sep 06, 2012 1:26 pm

Percentages

Hi Max,

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

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

maxkatz
Posts: 0
Joined: Fri Aug 13, 2010 3:24 pm

Percentages

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

Appmos
Posts: 0
Joined: Thu Sep 06, 2012 1:26 pm

Percentages

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

Return to “Issues”