Text appearing off-center for the Button control

When you apply a smaller width for button control, the text appears off-center.

However, you can change the settings manually to resolve this issue using any of the following scenarios.

Scenario 1

Update the Style sheet used for the button.

For example, if the Style is Theme, locate the style sheet at the default location:<C:\Program Files\Kofax\TotalAgility\Agility.Server.Web\Forms\Plugins\Extjs\theme-kofax\classic\TotalAgility-all_1.css>

Find the .x-btn-default-small class and configure the padding configured in that class as needed.

.x-btn-default-small{
         -moz-border-radius-topleft:2px;
         -webkit-border-top-left-radius:2px;
         border-top-left-radius:2px;
         -moz-border-radius-topright:2px;
         -webkit-border-top-right-radius:2px;
         border-top-right-radius:2px;
         -moz-border-radius-bottomright:2px;
         -webkit-border-bottom-right-radius:2px;
         border-bottom-right-radius:2px;
         -moz-border-radius-bottomleft:2px;
         -webkit-border-bottom-left-radius:2px;
         border-bottom-left-radius:2px;
         padding:7px 10px 7px 10px;
         border-width:1px;
         border-style:solid;
         background-image:none;
         background-color:#efeff6
}

Using this method to change the settings, changes the theme for all the buttons.

Scenario 2

Add a style class to the stylesheet used by the theme.

For example, if the theme is using the TotalAgilityWorkspace.css stylesheet, navigate to C:\Program Files\Kofax\TotalAgility\Agility.Server.Web\Forms\StyleSheets\TotalAgilityWorkspace.css, open the stylesheet, and add the following:

.ButtonNoPadding {
        padding-left: 0px;
        padding-right: 0px;
}

Then, import the style sheet and assign the newly added class to the ‘button’ option in the theme.

To apply the change only to that button, set the theme of the actual button to class and set the class directly to the button.

If you need to change the settings for a few buttons, then the best approach is to target the button specifically by setting the class of the button.