<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.appian.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Interface Buttons</title><link>https://community.appian.com/discussions/f/user-interface/35079/interface-buttons</link><description>I want to create 4 buttons in interface which initially have no colors but when we click on them it turns to blue color( need the code using for loop)</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: Interface Buttons</title><link>https://community.appian.com/thread/135871?ContentTypeID=1</link><pubDate>Mon, 27 May 2024 11:00:06 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:45b2c52c-ffc7-4ef9-a9e1-e2a281c76e83</guid><dc:creator>ayeshat211911</dc:creator><description>&lt;p&gt;&amp;nbsp;I want this answer also Thanks .&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Interface Buttons</title><link>https://community.appian.com/thread/135853?ContentTypeID=1</link><pubDate>Sun, 26 May 2024 14:37:09 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:3f22005a-179a-49c8-b59d-c94ced68d694</guid><dc:creator>kingslayer001</dc:creator><description>&lt;p&gt;Thank you for the code. &lt;br /&gt;Actually I was doing some mistake in logic but now it worked.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Interface Buttons</title><link>https://community.appian.com/thread/135851?ContentTypeID=1</link><pubDate>Sun, 26 May 2024 11:20:29 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:5ab43371-a228-42a3-b692-ea06a44f383f</guid><dc:creator>Konduru Chaitanya</dc:creator><description>&lt;p&gt;What is your requirement? Where are these buttons going to be used?&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Below is a sample how you could manipulate the style of the button or or you can use the similar logic at the color parameter.&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;&lt;pre class="ui-code" data-mode="text"&gt;a!localVariables(
  local!values:{1,2,3,4},
  local!selection:0,
  a!buttonArrayLayout(
    buttons: a!forEach(
      items: local!values,
      expression: a!buttonWidget(
        label: concat(&amp;quot;button&amp;quot;,&amp;quot; &amp;quot;,fv!item),
        value: fv!item,
        saveInto: local!selection,
        style: if(
          local!selection=fv!item,
          &amp;quot;SOLID&amp;quot;,
          &amp;quot;OUTLINE&amp;quot;
        )
      )
    )
  )
)&lt;/pre&gt;&lt;/p&gt;
&lt;p&gt;your value that is being saved would evaluate the color. here I have written in a!forEach() for understanding. But if you share us the details on where and what an accurate solution can be provided.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Interface Buttons</title><link>https://community.appian.com/thread/135849?ContentTypeID=1</link><pubDate>Sat, 25 May 2024 22:47:09 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:ccef7b41-82dc-429c-8dac-6e7afe31fbe7</guid><dc:creator>chiragj3013</dc:creator><description>&lt;p&gt;Can you share your use case? for that button is used in&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Interface Buttons</title><link>https://community.appian.com/thread/135846?ContentTypeID=1</link><pubDate>Sat, 25 May 2024 14:00:50 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:81c5b12b-8e58-4fef-92ca-8292aa4bb2d6</guid><dc:creator>Stefan Helzle</dc:creator><description>&lt;p&gt;What did you try so far? Buttons have a color attribute which can be made to change on conditions. Some local variable could hold state.&lt;/p&gt;
&lt;p&gt;But, do you want to share your use case?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>