ダウンロード download

ダウンロードボタンの外観は、次のCSS クラスセレクターで制御されます。

.s7ecatalogsearchviewer .s7download

ダウンロード ボタンの​CSS プロパティ

margin-top
コントロールバーの上部からのオフセット。
margin-left
左の次のボタンまでの距離、またはこのボタンが行の最初のボタンの場合はコントロールバーの左側までの距離。
ボタンの幅。
の高さ
ボタンの高さ。
背景画像
特定のボタン状態に対して表示される画像。
background-position

CSS スプライトを使用する場合は、アートワークスプライト内に配置します。

CSS スプライトも参照してください。

NOTE
このボタンは、state属性セレクターをサポートしています。このセレクターを使用すると、異なるスキンを異なるボタンの状態に適用できます。

ボタンツールのヒントはローカライズできます。 詳しくは、​ ユーザーインターフェイス要素のローカライゼーション ​を参照してください。

例 – 28 x 28 ピクセルのダウンロードボタンを設定し、4つの異なるボタンの状態ごとに異なる画像を表示するには:

.s7ecatalogsearchviewer .s7download {
 margin-top: 4px;
margin-left: 10px;
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7download[state='up'] {
background-image:url(images/v2/Dowmload_dark_up.png);
}
.s7ecatalogsearchviewer .s7download[state='over'] {
background-image:url(images/v2/Dowmload_dark_over.png);
}
.s7ecatalogsearchviewer .s7download[state='down'] {
background-image:url(images/v2/Dowmload_dark_down.png);
}
.s7ecatalogsearchviewer .s7download[state='disabled'] {
background-image:url(images/v2/Dowmload_dark_disabled.png);
}
recommendation-more-help
dynamic-media-developer-resources-help-aem-viewers-ref