topic Re: Text and background image do not resize together in App Development

Text and background image do not resize together

ellenblackwell — Wed, 03 Dec 2014 02:09:52 GMT

When I resize my Sense Desktop window, the background image and related text (which are contained in a single Text & Images object) separate. It looks like the background image and text in the object are being treating as two separate items. Any idea how I can solve this? Thanks! Ellen

Text & Images object in full-screen view	Same, single object when I resize for evaluating mobile view

Re: Text and background image do not resize together

JonnyPoole — Wed, 03 Dec 2014 14:15:34 GMT

I think if you force the background image to always 'stretch to fit', there will always be a part of the image behind the text

Re: Text and background image do not resize together

ellenblackwell — Thu, 04 Dec 2014 20:51:43 GMT

Actually, those are the settings I'm using. Image and text still become separated on the vertical axis.

Re: Re: Text and background image do not resize together

JonnyPoole — Thu, 04 Dec 2014 20:56:50 GMT

Tried to reproduce but could not... This was done on 1.0.1 in case you are on an older version.

Attached is the image i tried. If you find this works differently, i'd be interested in testing your image that shows this issue.

Re: Text and background image do not resize together

ellenblackwell — Fri, 05 Dec 2014 04:15:01 GMT

Thank you. I believe the issue occurred because I was using an svg image. Let me know if you experience the same with an svg.

Re: Text and background image do not resize together

JonnyPoole — Fri, 05 Dec 2014 14:02:55 GMT

Ok i see it. SVG images don't actually 'stretch' whereas other images do. Without stretching, depending on the shape of the image, white gaps appear as the width or height becomes relatively smaller.

I'll submit it to support to see what happens.

Can you convert the SVG to another format to get you moving ?

Re: Text and background image do not resize together

jonathandienst — Fri, 05 Dec 2014 14:07:03 GMT

It looks like the SVG image remains centred but the text is top aligned. If you change the vertical alignment of the text to Centred, they may remain in alignment as you stretch.

HTH

Jonathan

Re: Text and background image do not resize together

JonnyPoole — Fri, 17 Apr 2015 18:15:51 GMT

I have heard more...

Currently, Qlik Sense does NOT support SVG images for background images. We may see support in the future. This is the reason for this behaviour.