Iconエレメントの追加.

DXPR Builderを学ぶページを作るコンテンツを追加データとモーション

あらゆるサイズでくっきり表示されるアイコンを、単体または色付きの図形の中に設置できます。見出しの目印、機能グリッドの作成、小さなクリック可能なリンクの追加に使います。

アイコンの追加

ログインした状態でページを開きます。コンテンツエリアにカーソルを合わせると、ビルダーのコントロールが表示されます。基本操作は最初のページをご覧ください。

カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Iconをクリックします。カラムの一番上に追加され、設定ダイアログが開きます。
ダイアログ上部のIconフィールドでアイコンセットを選び、Searchに入力してグリッドのアイコンをクリックします。選んだアイコンがハイライトされ、グリッドの下にクラス名が表示されます。
サイズはSizeで選びます（例：Very Large (3x)）。
見出しIcon utilitiesをクリックして展開し、StyleをCircleにします。
ダイアログのSaveをクリックします。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。

選んだアイコンが選んだサイズで表示されます。初期値は濃いグレーの円の中に白色で表示されます。動画ではロケットがVery Large (3x)（通常の3倍）で表示されています。ページを保存して公開すると、訪問者に表示されます。

エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開きます。設定項目は次のとおりです。

Icon: Searchボックス、アイコンセット一覧、アイコンのグリッドを持つ選択画面。
Size: Normal、Large、Extra Large (2x)、Very Large (3x)、Huge (4x)、Gigantic (5x)。
Link: アイコンをクリック可能にします。
Link target: Same windowまたはNew window。リンクを追加すると表示されます。
Style: アイコンの背後の図形。None、Rounded、Circle、Square。Icon utilitiesの下にあります。
Icon animation: No、Spin、Pulse。
Icon orientation: Normal、Rotate 90、Rotate 180、Rotate 270、Flip horizontal、Flip vertical。

ContentタブにIconがない。 ユーザープロファイルで非表示になっています。管理者にUser Profilesでの有効化を依頼してください。
再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
使いたいアイコンが選択画面にない。 ユーザープロファイルでアイコンセットが制限されています。管理者にUser Profilesでのセット追加を依頼してください。
アイコンが小さくて目立たない。 SizeがNormalまたはLargeです。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開き、Extra Large (2x)以上を選びます。
円の色が違う。 図形の初期値は濃いグレーです。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開き、下部のStyle見出しをクリックしてBackgroundを設定します。Font colorではアイコン自体の色を変えられます。

Styleタブでアイコンの色や間隔を変更します。