ツールバーボタンの間隔を空ける方法

AEM Forms のツールバーに「次へ」ボタンと「前へ」ボタンを追加すると、デフォルトでは、ボタンが隣りに配置されます。左側の「前へ」または「戻る」ボタンを保持したまま、「次へ」ボタンをツールバーの右端に置いた方がよい場合もあります。

toolbar-spacing

ツールバーのスタイル設定

上記のユースケースは、スタイルエディターを使用することで容易に達成できます。ツールバーに「前へ」または「次へ」ボタンを追加したら、必ず編集メニューからスタイルレイヤーを選択します。スタイルモードを選択した状態で、ツールバーを選択してスタイルプロパティシートを開きます。「寸法と位置」セクションを展開し、すべてのプロパティが表示されていることを確認します。使用するパラメーターを次のように設定します。

  • 寸法と位置

    • 幅:100%
    • 位置:相対

変更内容を保存します。

「次へ」ボタンのスタイル設定

「次へ」ボタンを選択し、「次へ」ボタンのスタイルプロパティシートを開きます(「次へ」ボタンのテキストではありません)。使用するパラメーターを次のように設定します。

  • 寸法と位置
    • 位置:絶対値で上 1px 右 1px
  • 境界線
    • 境界線の半径:4px(上、右、下、左)

変更内容を保存します。

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e