<?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: I want Button label value in 2 line in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/I-want-Button-label-value-in-2-line/m-p/2543445#M109530</link>
    <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.qlik.com/t5/user/viewprofilepage/user-id/346725"&gt;@Aadhini&lt;/a&gt;&amp;nbsp;,&lt;/P&gt;&lt;P&gt;First, I moved your post from Automate to App Development.&lt;/P&gt;&lt;P&gt;This is what you have to do:&lt;/P&gt;&lt;P&gt;1. Change your label to&amp;nbsp;&lt;STRONG&gt;AaaaB 6&lt;/STRONG&gt;. The Space is very important. It will be replaced by a line-break&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;2. Get the button ID&lt;/STRONG&gt;&lt;BR /&gt;Right Qlik on the button, go to &lt;STRONG&gt;Share&lt;/STRONG&gt; and click on &lt;STRONG&gt;Embed&lt;/STRONG&gt;. Copy the code and paste in a notepad. The code will look like this:&lt;BR /&gt;&lt;BR /&gt;&lt;EM&gt;&amp;lt;iframe src="&lt;A href="https://your-tenant.us.qlikcloud.com/single/?appid=1516ee7d-ff9e-4128-aefb-bb4d203bdf99&amp;amp;obj=" target="_blank" rel="noopener"&gt;https://your-tenant.us.qlikcloud.com/single/?appid=1516ee7d-ff9e-4128-aefb-bb4d203bdf99&amp;amp;obj=&lt;/A&gt;&lt;STRONG&gt;ghNaeL&lt;/STRONG&gt;&amp;amp;theme=card&amp;amp;opt=ctxmenu,currsel" style="border:none;width:100%;height:100%;"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/EM&gt;&lt;BR /&gt;&lt;BR /&gt;obj is the value you are looking for. In my example:&amp;nbsp;&lt;STRONG&gt;ghNaeL&lt;/STRONG&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;3. Add a custom CSS to the Sheet&lt;/STRONG&gt;&lt;BR /&gt;Go to Sheet Properties &amp;gt; Styling and activate Custom Styles.&lt;/P&gt;&lt;DIV class=""&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="2026-02-20_09-48-50.png" style="width: 324px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/187018iCE292EC799BAEA2E/image-dimensions/324x484?v=v2" width="324" height="484" role="button" title="2026-02-20_09-48-50.png" alt="2026-02-20_09-48-50.png" /&gt;&lt;/span&gt;&lt;/DIV&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;P&gt;Enter the following CSS code in the Styles (CSS) box - replace the&amp;nbsp;&lt;STRONG&gt;ghNaeL&lt;/STRONG&gt; with your Button ID:&lt;BR /&gt;&lt;BR /&gt;&lt;EM&gt;div[tid="&lt;STRONG&gt;ghNaeL&lt;/STRONG&gt;"] text span { white-space: break-spaces !important; font-size: initial; }&lt;/EM&gt;&lt;/P&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV class=""&gt;4. Change Button Layout behavior to Fluid&lt;BR /&gt;Select the button, go to Appearance &amp;gt; Presentation &amp;gt; Styling. Go to Chart tab and change&amp;nbsp;Layout behavior to &lt;STRONG&gt;Fluid&lt;/STRONG&gt;.&lt;BR /&gt;&lt;BR /&gt;&lt;/DIV&gt;&lt;DIV class=""&gt;That is it! It should make the magic.&lt;/DIV&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV class=""&gt;Regards,&lt;/DIV&gt;&lt;DIV class=""&gt;&lt;STRONG&gt;Mark Costa&lt;/STRONG&gt;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Fri, 20 Feb 2026 14:59:31 GMT</pubDate>
    <dc:creator>marksouzacosta</dc:creator>
    <dc:date>2026-02-20T14:59:31Z</dc:date>
    <item>
      <title>I want Button label value in 2 line</title>
      <link>https://community.qlik.com/t5/App-Development/I-want-Button-label-value-in-2-line/m-p/2543418#M109528</link>
      <description>&lt;P&gt;I have one button in the dashboard in that button label is "AaaaB-6"&lt;/P&gt;
&lt;P&gt;But I want AaaaB&lt;/P&gt;
&lt;P&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 6&lt;/P&gt;
&lt;P&gt;The label expression is 'AaaaB-'&amp;amp;chr(10) &amp;amp;'6'&lt;/P&gt;</description>
      <pubDate>Fri, 20 Feb 2026 07:25:53 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/I-want-Button-label-value-in-2-line/m-p/2543418#M109528</guid>
      <dc:creator>Aadhini</dc:creator>
      <dc:date>2026-02-20T07:25:53Z</dc:date>
    </item>
    <item>
      <title>Re: I want Button label value in 2 line</title>
      <link>https://community.qlik.com/t5/App-Development/I-want-Button-label-value-in-2-line/m-p/2543445#M109530</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.qlik.com/t5/user/viewprofilepage/user-id/346725"&gt;@Aadhini&lt;/a&gt;&amp;nbsp;,&lt;/P&gt;&lt;P&gt;First, I moved your post from Automate to App Development.&lt;/P&gt;&lt;P&gt;This is what you have to do:&lt;/P&gt;&lt;P&gt;1. Change your label to&amp;nbsp;&lt;STRONG&gt;AaaaB 6&lt;/STRONG&gt;. The Space is very important. It will be replaced by a line-break&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;2. Get the button ID&lt;/STRONG&gt;&lt;BR /&gt;Right Qlik on the button, go to &lt;STRONG&gt;Share&lt;/STRONG&gt; and click on &lt;STRONG&gt;Embed&lt;/STRONG&gt;. Copy the code and paste in a notepad. The code will look like this:&lt;BR /&gt;&lt;BR /&gt;&lt;EM&gt;&amp;lt;iframe src="&lt;A href="https://your-tenant.us.qlikcloud.com/single/?appid=1516ee7d-ff9e-4128-aefb-bb4d203bdf99&amp;amp;obj=" target="_blank" rel="noopener"&gt;https://your-tenant.us.qlikcloud.com/single/?appid=1516ee7d-ff9e-4128-aefb-bb4d203bdf99&amp;amp;obj=&lt;/A&gt;&lt;STRONG&gt;ghNaeL&lt;/STRONG&gt;&amp;amp;theme=card&amp;amp;opt=ctxmenu,currsel" style="border:none;width:100%;height:100%;"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/EM&gt;&lt;BR /&gt;&lt;BR /&gt;obj is the value you are looking for. In my example:&amp;nbsp;&lt;STRONG&gt;ghNaeL&lt;/STRONG&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;3. Add a custom CSS to the Sheet&lt;/STRONG&gt;&lt;BR /&gt;Go to Sheet Properties &amp;gt; Styling and activate Custom Styles.&lt;/P&gt;&lt;DIV class=""&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="2026-02-20_09-48-50.png" style="width: 324px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/187018iCE292EC799BAEA2E/image-dimensions/324x484?v=v2" width="324" height="484" role="button" title="2026-02-20_09-48-50.png" alt="2026-02-20_09-48-50.png" /&gt;&lt;/span&gt;&lt;/DIV&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;P&gt;Enter the following CSS code in the Styles (CSS) box - replace the&amp;nbsp;&lt;STRONG&gt;ghNaeL&lt;/STRONG&gt; with your Button ID:&lt;BR /&gt;&lt;BR /&gt;&lt;EM&gt;div[tid="&lt;STRONG&gt;ghNaeL&lt;/STRONG&gt;"] text span { white-space: break-spaces !important; font-size: initial; }&lt;/EM&gt;&lt;/P&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV class=""&gt;4. Change Button Layout behavior to Fluid&lt;BR /&gt;Select the button, go to Appearance &amp;gt; Presentation &amp;gt; Styling. Go to Chart tab and change&amp;nbsp;Layout behavior to &lt;STRONG&gt;Fluid&lt;/STRONG&gt;.&lt;BR /&gt;&lt;BR /&gt;&lt;/DIV&gt;&lt;DIV class=""&gt;That is it! It should make the magic.&lt;/DIV&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV class=""&gt;Regards,&lt;/DIV&gt;&lt;DIV class=""&gt;&lt;STRONG&gt;Mark Costa&lt;/STRONG&gt;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 20 Feb 2026 14:59:31 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/I-want-Button-label-value-in-2-line/m-p/2543445#M109530</guid>
      <dc:creator>marksouzacosta</dc:creator>
      <dc:date>2026-02-20T14:59:31Z</dc:date>
    </item>
  </channel>
</rss>

