トグルボタン

ToggleButtonコントロールは、ユーザーがクリックできる標準ボタンを提供します。これはButtonコントロールと似ていますが、次の機能が追加されています。

ShowArrowプロパティをtrueに設定すると、ToggleButtonコントロールには、IsOpenがtrueの場合は上向き、IsOpenがfalseの場合は下向きの矢印が表示されます。

ButtonTypeプロパティをprimaryに設定すると、SPEAKによって視覚的に目立ちます。ボタンのサイズは、Dimensionsプロパティを使用してnormalまたはlargeに設定できます。

ユーザーがページの主な目的を実行するためにクリックするToggleButtonコントロールを、他のボタンprimaryしてdefaultを使用するように設定する必要があります。 ButtonTypeをinverseに設定することもできます。反転ボタンは、デフォルトのボタンと同じ色を使用しますが、テキストと背景色を入れ替えます。

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

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

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