Page 1 of 1

Logo in Bar - options, delivering different sizes for different devices

Posted: Fri Apr 20, 2012 8:00 am
by nib

I try to use the Theme.Bar.Background.Image for a logo. When the size does not fit, it gets repeated. When attempting to put a logo that is often not desired. Is it possible to add some more options there like: repeat (Y/N), Center/Left/Right, Stretch(Y/N).

Of course in a final design, images should be made to fit optimally i selected resolutions, but for rapid prototyping you get cheap point for using logos and images. As a an aside question, how would you deliver different sizes to different devices?

This might be a can of worms to open :) and maybe I should not use this place for a logo, if that is obvious, I would appreciate input on "better practices".

Cheers,
/)/ikolaj


Logo in Bar - options, delivering different sizes for different devices

Posted: Fri Apr 20, 2012 4:37 pm
by maxkatz

Can you show an example of this.. maybe a screen shot? Are you creating a new theme..? Our themes are based on jQuery Mobile themes, all the options they expose should be there.


Logo in Bar - options, delivering different sizes for different devices

Posted: Tue May 01, 2012 2:23 pm
by efef.dk

Sorry for the delay, for some reason getsatisfaction notifications wound up in my spam folder, so when I found it, I was looking at other stuff.

Here's the screen shot:
Image

as you can see the image is set in the properties of the header. Since it is small it is tiled. It would be nice to avoid the tiling, e.g. left, center, right, stretch.

As I note not a major issue, but I think other would find it useful as well.


Logo in Bar - options, delivering different sizes for different devices

Posted: Tue May 01, 2012 2:24 pm
by efef.dk

oops, used my other login to create the comment - still me though ;)


Logo in Bar - options, delivering different sizes for different devices

Posted: Tue May 01, 2012 4:08 pm
by maxkatz

I think that's how jQuery Mobile themes work. You could create a very small image (1px) that would tile, as an example. Or, create a big enough image so it wouldn't tile at all.


Logo in Bar - options, delivering different sizes for different devices

Posted: Tue May 14, 2013 7:04 am
by lorenzo

I think it would be best of help, if appery.io can put the exact size of the header or footer on the documentation or post it here on getsatisfaction for reference if this idea is needed for his or her app......well, if someone would like to put an image that he likes to fill the entire header or footer.... more power to you guys... thanks.....


Logo in Bar - options, delivering different sizes for different devices

Posted: Tue May 14, 2013 11:58 am
by Kateryna Grynko

Hi Lorenzo,

You can use background image with background-size option
https://developer.mozilla.org/en-US/d...

The dimensions of these panels depend on the pixel density and the screen resolution of device. So you may expect some distortion and poor picture quality.

Fixing the size of these elements you will lose responsive of all design.