<?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>Aras Button Style</title><link>https://www.aras.com/community/f/development/3467/aras-button-style</link><description>I setting aras button Field CSS code like this sample

{$this field rule} .buttonName
{
width: 10px;
}

But check Form button width no change . How can I do?</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: Aras Button Style</title><link>https://www.aras.com/community/thread/1020?ContentTypeID=1</link><pubDate>Fri, 17 Nov 2017 12:59:28 GMT</pubDate><guid isPermaLink="false">916d3f7e-8ddc-42f8-8d45-380822f51406:f7d866ff-c53b-45f4-b0f4-01b80dc4541d</guid><dc:creator>Christopher Gillis</dc:creator><description>Hello,

Could you please confirm which version of Aras Innovator you are using? The CSS you provided works as expected in my environment.

One thing you could try is to set the CSS of the &amp;quot;input&amp;quot; tag rather than using the class name as seen below.

&lt;pre&gt;&lt;code&gt;{$this field rule} input
{
width: 100px;
}&lt;/code&gt;&lt;/pre&gt;


If this sample still doesn&amp;#39;t work, it&amp;#39;s possible that the min-width of the button is being set elsewhere. You can test if this is the issue by setting the min-width in your Field CSS as below.

&lt;pre&gt;&lt;code&gt;{$this field rule} input
{
width: 10px;
min-width: 10px !important;
}&lt;/code&gt;&lt;/pre&gt;


Chris

___________________________

Christopher Gillis

Aras Labs Software Engineer&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>