連結小器具 (主題化)
「連結」小器具可開啟使用者定義的頁面。您可將「連結」小器具新增至混搭並定義目標 URL。混搭使用者可以按一下連結來開啟目標 URL。
 | 「連結」小器具可作為平台中的標準小器具使用，也可作為可從 SDL 匯入的 web 元件使用。 |
使用小器具 Clicked 事件
事件內容 Clicked 可用於執行各種動作，也可將內容繫結至函數和服務。
例如，可將 Clicked 事件繫結至「確認」服務，並將「確認」中的 ActionClick 繫結至連結的 Navigate 服務。按一下連結時，會出現一個確認對話方塊顯示一則訊息。如果使用者按一下「動作」按鈕，則會開啟連結。請參閱以下範例。
小器具內容
屬性名稱 | 描述 | 基礎類型 | 預設值 | 可繫結? (Y/N) | 可當地語系化? (Y/N) | ||
|---|---|---|---|---|---|---|---|
LinkURL | 可讓您新增 URL。 | STRING | n/a | Y | N | ||
Disabled | 使用此內容可禁用混搭中的小器具。小器具會顯示在混搭中，但您無法按一下。 | 布林值 | False | Y | N | ||
Alignment | 可讓您對齊連結小器具周圍的文字。選項包括左、右或置中。 | STRING | 左 | N | N | ||
CustomClass | 可讓您定義小器具頂部分區之 CSS。可輸入多個類別，之間以空格分隔。 | STRING | n/a | Y | N | ||
Clicked | 按一下小器具時會觸發事件。
| EVENT | n/a | Y | N | ||
Text | 顯示為連結的文字。 | STRING | n/a | Y | Y | ||
LinkType | 可讓您將連結類型設定為「主要」或「次要」。 這些類型具有不同的樣式。 | STRING | 主要 | Y | N | ||
TargetWindow | 可讓您定義按一下連結時將開啟的視窗。 | STRING | 新視窗 | N | N | ||
TabSequence | 使用者按下 Tab 鍵時小器具反白的順序。 | NUMBER | n/a | N | N | ||
TextMaxWidth | 可讓您設定連結文字的最大寬度。 當達到最大寬度時，會在多行顯示文字。 | NUMBER | n/a | N | N | ||
SingleLine | 當文字大小超過 TextMaxWidth 值時，截斷 Text 值以顯示在單一行。 | 布林值 | False | Y | N | ||
Navigate | 可將您引導至為此小器具定義的 URL。 | n/a | n/a | Y | N | ||
Width | 小器具寬度。寬度依預設會設定為標籤的寬度。在內容面板中輸入值或將畫布中的小器具重定大小，以設定固定寬度。
| NUMBER | n/a | N | N | ||
Height | 小器具高度。高度依預設會設定為標籤的最大寬度。如果小器具有多行標籤，高度會增加。在內容面板中輸入值或將畫布中的小器具重定大小，以設定固定高度。 | NUMBER | n/a | N | N | ||
TooltipField | 設定將游標置於小器具上時顯示的工具提示文字。 | STRING | n/a | Y | Y | ||
TooltipIcon | 為小器具的工具提示設定圖示圖像。 您可以新增圖像或指定圖像 URL 路徑。 | MEDIA ENTITY | n/a | N | N | ||
VerticalAlignment | 控制小器具中連結文字的垂直對齊。選項：靠上對齊、置中、靠下對齊 | STRING | 上 | N | N |