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

ボタン

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

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

Buttonコントロールは、ユーザーがクリックできる標準ボタンを提供します。ButtonTypeプロパティをprimaryに設定すると、SPEAKによって視覚的に目立ちます。ボタンのサイズは、Dimensionsプロパティを使用してnormalまたはlargeに設定できます。

ユーザーがページの主な目的を実行するためにクリックするボタンはprimaryし、他のボタンはdefaultする必要があります。 ButtonTypeinverseに設定することもできます。 inverseボタンはdefaultボタンと同じ色を使用しますが、テキストと背景の色は入れ替わります。

ボタンは、テキストだけでなくアイコンも表示でき、両方を同時に表示できます。

アイコンは、ImageUrlプロパティを使用して指定します。コンテンツ ツリー内のアイテムに指定するアイコンと同じアイコンを使用できます。ボタン コントロールは、スプライト シートから選択されたスプライトとしてアイコンを定義することもサポートしています。この場合、ImageUrlプロパティはスプライト シートのURLを格納し、BackgroundPositionプロパティは目的のスプライト (アイコン/画像) の座標を格納します。

アイコンとテキストの両方を使用する場合、SPEAKはアイコンをテキストの左側に配置します。この位置は変更できません。

プロパティ

Name

Description

Default

Appearance

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

スプライトシートファイル内のスプライト/アイコン/画像のオフセットを次の形式で指定します。

-<x>px -<y>px

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

-0px -0px

ボタンタイプ

デフォルト、プライマリ、および インバース から選択します。

デフォルト

次元

ボタンのサイズを指定します。ノーマルとラージのどちらかを選択できます。

正常

画像URL

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

テキスト

ボタンに表示するテキストを指定します。静的テキストを入力するか、PageCodeからテキストを設定するか、別のコントロールのプロパティにバインドできます。

Events

クリック

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

構成

Buttonコントロールの構成アイテムを作成するには、Button Parametersテンプレートに基づいてアイテムを作成します。

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

  • ボタンタイプ

  • 次元

  • テキスト – このフィールドはTextプロパティに対応し、このフィールドを使用してUIテキストの翻訳を容易にします

  • 画像URL

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

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

  • クリック

  • イズ・イネーブルド

  • 目に見える

  • アクセスキー

  • ツールチップ

  • 動作

  • 身分証明書

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