1. コンポーネントライブラリ

アイコンボタン

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

IconButtonコントロールには通常のボタンと同じ機能がありますが、アイコン (画像) のみが表示され、テキスト ラベルは表示されません。アイコンとして使用するイメージをImageUrlプロパティで指定します。ここでは、コンテンツ ツリー内のアイテムのアイコンを選択するときと同じアイコンを使用できます。

IconButtonコントロールを使用すると、アイコンをスプライトシートから選択した「スプライト」として定義できます。 ImageUrlプロパティはスプライト シートのURLを格納し、BackgroundPositionプロパティは目的のスプライト (アイコン/画像) の座標を格納します。

プロパティ

Name

Description

Default

Appearance

バックグラウンドポジション

スプライトシートファイル内のスプライト/アイコン/画像のオフセットを示します。値は次の形式にする必要があります。

-<x>px-<y>px

ここで、<x> はスプライトシートの左端からスプライトの左端までの水平方向のピクセル数 (負の数で表される)、<y> はスプライトシートの上端 (負の数値で表される) からスプライトの上端までの垂直方向のピクセル数を示します。

-0px -0px

寸法

アイコンのサイズ (ピクセル単位) を指定します。次のいずれかのディメンションから選択します。

id16x16id24x24id32x32id48x48

Dimensionsプロパティは、画面上のIconButtonコントロールが占めるスペースを常に示します。

Dimensionsプロパティを指定し、BackgroundPositionプロパティを指定しない場合、IconButtonコントロールは、選択したDimensionsプロパティに合わせてアイコンのイメージのサイズを変更します。

BackgroundPositionプロパティを指定した場合、またはDimensionsプロパティやBackgroundPositionプロパティを指定しない場合、IconButtonコントロールはイメージをボタンのサイズ (既定では16 x 16) にトリミングします。

id16x16アジレント

画像URL

アイコンのSitecoreパス (たとえば、/sitecore/content/homeアイテムに表示されるアイコンのNetwork/16x16/home.png) またはスプライト シート。SPEAKは、imgフォルダ (\sitecore\shell\client\Speak\Assets\imgフォルダ (Websiteフォルダ内) に多数のスプライトシートを提供します。

Events

クリック

ユーザーがボタンをクリックしたときに実行されるJavaScriptを指定します。

構成

IconButtonコントロールの構成項目を作成するには、IconButton Parametersテンプレートに基づいて項目を作成します。

構成アイテムには、次の特定のフィールドがあります。

  • 画像URL

  • 寸法

  • バックグラウンドポジション

次のフィールドを継承します。

  • クリック

  • イズ・イネーブルド

  • 目に見える

  • アクセスキー

  • ツールチップ

  • 動作

  • 身分証明書

この記事を改善するための提案がある場合は、 お知らせください!