ボタン コントロールの中心からずれて表示されるテキスト
ボタン コントロールに小さい値の幅を適用すると、テキストが中央から外れて表示されます。
ただし、次のいずれかのシナリオを使用して設定を手動で変更し、この問題を解決できます。
シナリオ 1
ボタンに使用するスタイル シートを更新します。
たとえば、「スタイル」が「テーマ」の場合、デフォルトの場所でスタイル シートを見つけます:<C:\Program Files\Kofax\TotalAgility\Agility.Server.Web\Forms\Plugins\Extjs\theme-kofax\classic\TotalAgility-all_1.css>
.x-btn-default-small クラスを探し、必要に応じてそのクラスで構成されたパディングを構成します。
.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
}
注 この方法で設定を変更すると、すべてのボタンのテーマが変更されます。
シナリオ 2
テーマで使用するスタイル シートにスタイル クラスを追加します。
たとえば、テーマで TotalAgilityWorkspace.css スタイル シートを使用している場合、C:\Program Files\Kofax\TotalAgility\Agility.Server.Web\Forms\StyleSheets\TotalAgilityWorkspace.css に移動し、スタイル シートを開いて、次のクラスを追加します。
.ButtonNoPadding {
padding-left: 0px;
padding-right: 0px;
}
変更をそのボタンにのみ適用するには、実際のボタンのテーマをクラスに設定し、クラスを直接ボタンに設定します。
注 複数のボタンの設定を変更する必要がある場合、最善の方法として、ボタンのクラスを設定することでボタンを明確にターゲット化することが挙げられます。