<?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 How to increase the character limit in the Alert component in Experience Builder Custom Widgets</title>
    <link>https://community.esri.com/t5/experience-builder-custom-widgets/how-to-increase-the-character-limit-in-the-alert/m-p/1382593#M199</link>
    <description>&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;I'm developing a widget for ExpB and I'd like to improve the appearance of the messages I display in the Alert component&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;I would like the message in the Alert component to appear on just one line.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;The figure shows the error message (type='error') broken into more than one line.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;The component (Alert) is inside the Label with className= {css}, where,&lt;BR /&gt;const&amp;nbsp;css&amp;nbsp;=&amp;nbsp;'d-flex align-items-center align-items-baseline';&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;The style (CSS) used in the Label allows adjusting all components in the same line, but the Alert does not take advantage of this property of the Label.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;How can I set the Alert to use the spaces available in the Label, or use another technique to not break the message?&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;Thank you in advance for any help.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="lmotta_ibama_0-1707952426178.png" style="width: 999px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/94829i81BF088146D90662/image-size/large?v=v2&amp;amp;px=999" role="button" title="lmotta_ibama_0-1707952426178.png" alt="lmotta_ibama_0-1707952426178.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="lmotta_ibama_1-1707952463095.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/94830iA81B206B89CF6F85/image-size/medium?v=v2&amp;amp;px=400" role="button" title="lmotta_ibama_1-1707952463095.png" alt="lmotta_ibama_1-1707952463095.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P align="left"&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 14 Feb 2024 23:15:30 GMT</pubDate>
    <dc:creator>lmotta_ibama</dc:creator>
    <dc:date>2024-02-14T23:15:30Z</dc:date>
    <item>
      <title>How to increase the character limit in the Alert component</title>
      <link>https://community.esri.com/t5/experience-builder-custom-widgets/how-to-increase-the-character-limit-in-the-alert/m-p/1382593#M199</link>
      <description>&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;I'm developing a widget for ExpB and I'd like to improve the appearance of the messages I display in the Alert component&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;I would like the message in the Alert component to appear on just one line.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;The figure shows the error message (type='error') broken into more than one line.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;The component (Alert) is inside the Label with className= {css}, where,&lt;BR /&gt;const&amp;nbsp;css&amp;nbsp;=&amp;nbsp;'d-flex align-items-center align-items-baseline';&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;The style (CSS) used in the Label allows adjusting all components in the same line, but the Alert does not take advantage of this property of the Label.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;How can I set the Alert to use the spaces available in the Label, or use another technique to not break the message?&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P align="left"&gt;&lt;FONT color="#000000"&gt;&lt;FONT face="Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif"&gt;&lt;FONT size="3"&gt;Thank you in advance for any help.&lt;/FONT&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="lmotta_ibama_0-1707952426178.png" style="width: 999px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/94829i81BF088146D90662/image-size/large?v=v2&amp;amp;px=999" role="button" title="lmotta_ibama_0-1707952426178.png" alt="lmotta_ibama_0-1707952426178.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="lmotta_ibama_1-1707952463095.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/94830iA81B206B89CF6F85/image-size/medium?v=v2&amp;amp;px=400" role="button" title="lmotta_ibama_1-1707952463095.png" alt="lmotta_ibama_1-1707952463095.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P align="left"&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 14 Feb 2024 23:15:30 GMT</pubDate>
      <guid>https://community.esri.com/t5/experience-builder-custom-widgets/how-to-increase-the-character-limit-in-the-alert/m-p/1382593#M199</guid>
      <dc:creator>lmotta_ibama</dc:creator>
      <dc:date>2024-02-14T23:15:30Z</dc:date>
    </item>
  </channel>
</rss>

