<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://www.aras.com/community/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>Button not adhering to CSS</title><link>https://www.aras.com/community/f/development/36937/button-not-adhering-to-css</link><description>Hello, 
 I&amp;#39;ve got a button with very simple CSS (below). Problem is, the button isn&amp;#39;t adhering to the code: 
 {$this field rule} input; input[type=&amp;quot;button&amp;quot;]{ height: 50px; width: 50px; } input[type=&amp;quot;button&amp;quot;]:disabled{ background: #dddddd; } 
 On both</description><dc:language>ja-JP</dc:language><generator>Telligent Community 12</generator><item><title>RE: Button not adhering to CSS</title><link>https://www.aras.com/community/thread/7599?ContentTypeID=1</link><pubDate>Wed, 06 Oct 2021 15:48:28 GMT</pubDate><guid isPermaLink="false">916d3f7e-8ddc-42f8-8d45-380822f51406:60f0d6d7-111b-4b7d-bb39-abc90cb3df7a</guid><dc:creator>Jeff Stroh</dc:creator><description>&lt;p&gt;Thank you!&amp;nbsp; I got it working with an HTML table and got color changes on click like I wanted.&amp;nbsp; Now just need to take the dropdown events and have them update/select the right cells in the HTML table.&lt;/p&gt;
&lt;p&gt;Appreciate it!&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Button not adhering to CSS</title><link>https://www.aras.com/community/thread/7592?ContentTypeID=1</link><pubDate>Wed, 06 Oct 2021 12:39:31 GMT</pubDate><guid isPermaLink="false">916d3f7e-8ddc-42f8-8d45-380822f51406:671755f5-d141-4ec6-b129-205b67612171</guid><dc:creator>AngelaIp</dc:creator><description>&lt;p&gt;&lt;strong&gt;Regarding Aras buttons:&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Which tab do you use to do your styling? Field CSS or Form CSS? &lt;br /&gt;1. Your first code works in &amp;#39;Form CSS&amp;#39; (overall Form styling) when you remove&amp;nbsp;&lt;span&gt;{$this field rule} input; .&amp;nbsp;&lt;br /&gt;2. Your first code works in &amp;#39;Field CSS&amp;#39; (individual element styling) when you remove&amp;nbsp;input[type="button"] ;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Regarding html buttons. &lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;Your button html code contains multiple errors. Your function call is&amp;nbsp;creative (but wrong :-) ) and you mix &amp;#39; with &amp;quot;. Compare with this one:&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;lt;input type=&amp;quot;button&amp;quot;&lt;br /&gt;&amp;nbsp; onClick=&amp;quot;myfunction();&amp;quot;&lt;br /&gt;&amp;nbsp; style=&amp;quot;height:40px;cursor:pointer;width:40px;&amp;quot;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;/p&gt;
&lt;p&gt;function &lt;span&gt;myfunction&lt;/span&gt;() {&lt;br /&gt;&amp;nbsp; alert(&amp;quot;x&amp;quot;);&lt;br /&gt;}&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
&lt;p&gt;&lt;span&gt;Instead of using tons of buttons, I personally would use a html table for this use case. Harder to design, but a lot easier to maintain. Of course a matter of taste.&lt;span class="emoticon" data-url="https://www.aras.com/community/cfs-file/__key/system/emoji/1f601.svg" title="Grin"&gt;&amp;#x1f601;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>