Forum | Appery.io

Hi,

As indicated, I was using 36x36 png icons as the custom buttons, but didn't know how to do it with the following CCS:

(it's so small; it reads: @media only screen and (-webkit......) )

If changed into 18x18 png by default, the button goes alright, but not 36x36 img with 18x18 default background. Any clue why?

Thanks heaps.

I'm not sure I understand the question...what exactly are you trying to do?

I was trying to have custom buttons displayed in 36x36 png, but to no avail. I don't understand why it is so as I had been able to do that by 18x18 png.

The CSS, essentially looks like this:

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.ui-icon-audio-play {
background-image: url("http://project.tiggzi.com/views/11b8c...");
background-size: 18px 18px;
}
}

Could you help?

I'm not sure why it doesn't work with 36x36 png. Check the parent containers if there is enough room. Check with Firebug or Chrome Developer Tools what styles are actually being applied.

ok...

ok, I have figured out what the issue is. This line of CSS:

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
...
}

which is supposed to give a "responsive" ability to the device does not work well with Tiggzi (or even the PhoneGap) environment. When removed, the CSS works fine to show 36x36-pixel icon.

I will post again when I get to the bottom of this issue.

Tiggzi is only the builder, the app runs in the browser. So, the responsive ability is a browser issue.