<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Screen Resolution issues with Background Image in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/Screen-Resolution-issues-with-Background-Image/m-p/1320237#M28489</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I have developed a dashboard in my default laptop screen resolution(1366X768). I have also used this extension to place a png background image in my app:&lt;/P&gt;&lt;P&gt;&lt;A href="http://branch.qlik.com/#!/project/5804d5acad551ced3d42b810" style="font-size: 10pt;" title="http://branch.qlik.com/#!/project/5804d5acad551ced3d42b810"&gt;Qlik Branch&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Now the app looks absolutely fine on screens that match my laptop's default resolution(1366X768) as below:&lt;/P&gt;&lt;P&gt;Image 1:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Sc3.PNG" class="jive-image image-1" src="https://community.qlik.com/legacyfs/online/171922_Sc3.PNG" style="height: 75px; width: 620px;" /&gt;&lt;/P&gt;&lt;P&gt;Image 2:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Sc4.PNG" class="jive-image image-2" src="https://community.qlik.com/legacyfs/online/171923_Sc4.PNG" style="height: 68px; width: 620px;" /&gt;&lt;/P&gt;&lt;P&gt;Now the same app in a different resolution behaves very weird. The orientations are all going crazy. Below are the screen shots of the same images as above opened on a screen with different resolution:&lt;/P&gt;&lt;P&gt;Image 1:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Sc1.png" class="jive-image image-3" src="https://community.qlik.com/legacyfs/online/171924_Sc1.png" style="height: 71px; width: 620px;" /&gt;&lt;/P&gt;&lt;P&gt;Image 2:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Sc2.png" class="image-4 jive-image" src="https://community.qlik.com/legacyfs/online/171925_Sc2.png" style="height: 54px; width: 620px;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I thought Qlik Sense is supposed to be responsive in nature and automatically adjusts to the screen resolution the app is running on. Is this because of the background image extension? Is there anyway to make this responsive while retaining the background image as it gives the app a nice feel? TIA!&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Mon, 31 Jul 2017 12:54:31 GMT</pubDate>
    <dc:creator>mrthomasshelby</dc:creator>
    <dc:date>2017-07-31T12:54:31Z</dc:date>
    <item>
      <title>Screen Resolution issues with Background Image</title>
      <link>https://community.qlik.com/t5/App-Development/Screen-Resolution-issues-with-Background-Image/m-p/1320237#M28489</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I have developed a dashboard in my default laptop screen resolution(1366X768). I have also used this extension to place a png background image in my app:&lt;/P&gt;&lt;P&gt;&lt;A href="http://branch.qlik.com/#!/project/5804d5acad551ced3d42b810" style="font-size: 10pt;" title="http://branch.qlik.com/#!/project/5804d5acad551ced3d42b810"&gt;Qlik Branch&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Now the app looks absolutely fine on screens that match my laptop's default resolution(1366X768) as below:&lt;/P&gt;&lt;P&gt;Image 1:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Sc3.PNG" class="jive-image image-1" src="https://community.qlik.com/legacyfs/online/171922_Sc3.PNG" style="height: 75px; width: 620px;" /&gt;&lt;/P&gt;&lt;P&gt;Image 2:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Sc4.PNG" class="jive-image image-2" src="https://community.qlik.com/legacyfs/online/171923_Sc4.PNG" style="height: 68px; width: 620px;" /&gt;&lt;/P&gt;&lt;P&gt;Now the same app in a different resolution behaves very weird. The orientations are all going crazy. Below are the screen shots of the same images as above opened on a screen with different resolution:&lt;/P&gt;&lt;P&gt;Image 1:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Sc1.png" class="jive-image image-3" src="https://community.qlik.com/legacyfs/online/171924_Sc1.png" style="height: 71px; width: 620px;" /&gt;&lt;/P&gt;&lt;P&gt;Image 2:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Sc2.png" class="image-4 jive-image" src="https://community.qlik.com/legacyfs/online/171925_Sc2.png" style="height: 54px; width: 620px;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I thought Qlik Sense is supposed to be responsive in nature and automatically adjusts to the screen resolution the app is running on. Is this because of the background image extension? Is there anyway to make this responsive while retaining the background image as it gives the app a nice feel? TIA!&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 31 Jul 2017 12:54:31 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Screen-Resolution-issues-with-Background-Image/m-p/1320237#M28489</guid>
      <dc:creator>mrthomasshelby</dc:creator>
      <dc:date>2017-07-31T12:54:31Z</dc:date>
    </item>
  </channel>
</rss>

