<?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 Re: Make an object disappear using css in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/Make-an-object-disappear-using-css/m-p/1981409#M80983</link>
    <description>&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;What you can do is to enter&lt;STRONG&gt; Developers Console&lt;/STRONG&gt; in &lt;STRONG&gt;Chrome &lt;/STRONG&gt;and investigate which element is this. For example:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;1. I built a similar example:&lt;/P&gt;&lt;P&gt;&lt;IMG src="https://lithium-response-prod.s3.us-west-2.amazonaws.com/qlik.response.lithium.com/RESPONSEIMAGE/7ee5f74d-eca6-40d8-841b-5256e92bce58.default.PNG" /&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;2. Now hit &lt;STRONG&gt;F12 &lt;/STRONG&gt;to enter &lt;STRONG&gt;Developers Mode&lt;/STRONG&gt; and user the&lt;SPAN style="color:hsl(270, 75%, 60%);"&gt;&lt;STRONG&gt; "Select and element in the page to inspect it - Ctrl + Shift + C" &lt;/STRONG&gt;&lt;/SPAN&gt;feature to identify the class&lt;/P&gt;&lt;P&gt;&lt;IMG src="https://lithium-response-prod.s3.us-west-2.amazonaws.com/qlik.response.lithium.com/RESPONSEIMAGE/793a6173-7b17-4a86-b70d-5acf8669b078.default.png" /&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;3. Find the class in &lt;SPAN style="color:hsl(210, 75%, 60%);"&gt;&lt;STRONG&gt;"Elements"&lt;/STRONG&gt;&lt;/SPAN&gt; tab and add the style: &lt;SPAN style="color:hsl(270, 75%, 60%);"&gt;&lt;STRONG&gt;"overflow-y:hidden" &lt;/STRONG&gt;&lt;/SPAN&gt;or play with the available values:&lt;/P&gt;&lt;P&gt;&lt;IMG src="https://lithium-response-prod.s3.us-west-2.amazonaws.com/qlik.response.lithium.com/RESPONSEIMAGE/adcdaa80-70f3-4fa8-ad71-d89b4870ba0b.default.png" /&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;4. This should ideally remove the scroll bar:&lt;/P&gt;&lt;P&gt;&lt;IMG src="https://lithium-response-prod.s3.us-west-2.amazonaws.com/qlik.response.lithium.com/RESPONSEIMAGE/43959ce4-126d-49d0-a8fd-71bdf068b3de.default.PNG" /&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color:hsl(0, 0%, 60%);"&gt;&lt;I&gt;&lt;STRONG&gt;I hope that this information was helpful. In case I have misunderstood the use case scenario, please elaborate in details by providing additional information. However, if it has helped you resolve the issue, addressed your concerns or at least pointed you in the right direction, please mark it as Accepted Solution to give further visibility to other community members.&amp;nbsp;&lt;/STRONG&gt;&lt;/I&gt;&lt;/SPAN&gt;&lt;BR /&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Thu, 15 Sep 2022 10:51:18 GMT</pubDate>
    <dc:creator>Andrei_Cusnir</dc:creator>
    <dc:date>2022-09-15T10:51:18Z</dc:date>
    <item>
      <title>Make an object disappear using css</title>
      <link>https://community.qlik.com/t5/App-Development/Make-an-object-disappear-using-css/m-p/1981375#M80977</link>
      <description>&lt;P&gt;Hello everyone,&lt;/P&gt;
&lt;P&gt;I would like to make the following item disappear (the item in red) :&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="lessassy_3869_0-1663235416561.png" style="width: 400px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/89159i299A94E1C1003C92/image-size/medium?v=v2&amp;amp;px=400" role="button" title="lessassy_3869_0-1663235416561.png" alt="lessassy_3869_0-1663235416561.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;Is there a way to make it disappeart using css code ?&lt;/P&gt;
&lt;P&gt;Thank you&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;PS: i don't want to/can't&amp;nbsp; &amp;nbsp;increase the size of my text object&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 15 Sep 2022 09:51:28 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Make-an-object-disappear-using-css/m-p/1981375#M80977</guid>
      <dc:creator>random_user_3869</dc:creator>
      <dc:date>2022-09-15T09:51:28Z</dc:date>
    </item>
    <item>
      <title>Re: Make an object disappear using css</title>
      <link>https://community.qlik.com/t5/App-Development/Make-an-object-disappear-using-css/m-p/1981409#M80983</link>
      <description>&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;What you can do is to enter&lt;STRONG&gt; Developers Console&lt;/STRONG&gt; in &lt;STRONG&gt;Chrome &lt;/STRONG&gt;and investigate which element is this. For example:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;1. I built a similar example:&lt;/P&gt;&lt;P&gt;&lt;IMG src="https://lithium-response-prod.s3.us-west-2.amazonaws.com/qlik.response.lithium.com/RESPONSEIMAGE/7ee5f74d-eca6-40d8-841b-5256e92bce58.default.PNG" /&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;2. Now hit &lt;STRONG&gt;F12 &lt;/STRONG&gt;to enter &lt;STRONG&gt;Developers Mode&lt;/STRONG&gt; and user the&lt;SPAN style="color:hsl(270, 75%, 60%);"&gt;&lt;STRONG&gt; "Select and element in the page to inspect it - Ctrl + Shift + C" &lt;/STRONG&gt;&lt;/SPAN&gt;feature to identify the class&lt;/P&gt;&lt;P&gt;&lt;IMG src="https://lithium-response-prod.s3.us-west-2.amazonaws.com/qlik.response.lithium.com/RESPONSEIMAGE/793a6173-7b17-4a86-b70d-5acf8669b078.default.png" /&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;3. Find the class in &lt;SPAN style="color:hsl(210, 75%, 60%);"&gt;&lt;STRONG&gt;"Elements"&lt;/STRONG&gt;&lt;/SPAN&gt; tab and add the style: &lt;SPAN style="color:hsl(270, 75%, 60%);"&gt;&lt;STRONG&gt;"overflow-y:hidden" &lt;/STRONG&gt;&lt;/SPAN&gt;or play with the available values:&lt;/P&gt;&lt;P&gt;&lt;IMG src="https://lithium-response-prod.s3.us-west-2.amazonaws.com/qlik.response.lithium.com/RESPONSEIMAGE/adcdaa80-70f3-4fa8-ad71-d89b4870ba0b.default.png" /&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;4. This should ideally remove the scroll bar:&lt;/P&gt;&lt;P&gt;&lt;IMG src="https://lithium-response-prod.s3.us-west-2.amazonaws.com/qlik.response.lithium.com/RESPONSEIMAGE/43959ce4-126d-49d0-a8fd-71bdf068b3de.default.PNG" /&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color:hsl(0, 0%, 60%);"&gt;&lt;I&gt;&lt;STRONG&gt;I hope that this information was helpful. In case I have misunderstood the use case scenario, please elaborate in details by providing additional information. However, if it has helped you resolve the issue, addressed your concerns or at least pointed you in the right direction, please mark it as Accepted Solution to give further visibility to other community members.&amp;nbsp;&lt;/STRONG&gt;&lt;/I&gt;&lt;/SPAN&gt;&lt;BR /&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 15 Sep 2022 10:51:18 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Make-an-object-disappear-using-css/m-p/1981409#M80983</guid>
      <dc:creator>Andrei_Cusnir</dc:creator>
      <dc:date>2022-09-15T10:51:18Z</dc:date>
    </item>
    <item>
      <title>Re: Make an object disappear using css</title>
      <link>https://community.qlik.com/t5/App-Development/Make-an-object-disappear-using-css/m-p/1981905#M81027</link>
      <description>&lt;P&gt;Hello,&lt;/P&gt;
&lt;P&gt;Thanks to you i investigate the element and i used the following code:&lt;/P&gt;
&lt;P&gt;div[tid="BkRYftu"] .qv-object-text-image .qv-media-tool-html {&lt;/P&gt;
&lt;P&gt;width: auto;&lt;BR /&gt;overflow-y: hidden;&lt;BR /&gt;}&lt;/P&gt;
&lt;P&gt;and it worked !&lt;/P&gt;
&lt;P&gt;Thanks to you&lt;/P&gt;</description>
      <pubDate>Fri, 16 Sep 2022 10:02:39 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Make-an-object-disappear-using-css/m-p/1981905#M81027</guid>
      <dc:creator>random_user_3869</dc:creator>
      <dc:date>2022-09-16T10:02:39Z</dc:date>
    </item>
  </channel>
</rss>

