カスタマイズ

スペースに文字を表示する

概要

指定の場所(スペース)に文字(テキスト)を表示します。

スペース・メニュー・ポータル位置に表示した文字を変更する」と組み合わせることで、状況に応じて画面に表示するテキストを変更することができます。

準備

アプリにテキストを表示するスペースフィールドを配置しておいてください。

使い方

設定するパラメーター

「場所」「表示するテキスト」「上下位置合わせ」「同じ場所の別テキスト」を設定します。

場所

テキストを表示するスペースフィールドを指定します。1つのスペースフィールドに複数種類のテキストを表示することもできます。

表示するテキスト

画面に表示するテキストを指定します。

文字を装飾したり、テキストの中に式を埋め込むことができます。

上下位置合わせ

設置先のスペースに対して、文字を上下のどの位置に合わせて表示するかを選べます。

スマートフォン版では効果がありません。

同じ場所の別テキスト

指定したスペース内に、すでに別のアクションが「スペースに文字を表示する」でテキストをセットしている場合に、それを残すか削除するかを選択します。

上級者向け情報

設置したテキストには以下の CSS クラス名がつきます。

  • customine-label
  • customine-at-spacer

また、ID として

  • customine-label-アクション番号(customine-label-1 など)

がつきます。

これを利用して、アプリに CSS ファイルを登録すればスタイルをカスタマイズすることができます。

旧バージョンとの互換性について

  • 「上下位置合わせ」はバージョン1.49(2019年5月23日リリース)からの機能です。1.48で作成したカスタマイズを、1.49以降でも同じレイアウトで表示するには、上下位置合わせを「指定なし」にしてください。

  • バージョン 1.157(2021年12月9日リリース)以前と、バージョン 1.58(2021年12月16日リリース)以降で、「上下位置合わせ」が「上寄せ」「中央寄せ」「下寄せ」時の動きが異なります。「指定なし」の場合に違いはありません。

    • バージョン 1.157(2021年12月9日リリース)以前…テキストを表示できる最小限の幅で表示されます。同じスペース内に複数のテキストをセットすると、スペースの幅に入りきらない場合に折り返し配置されます。
    • バージョン 1.158(2021年12月16日リリース)以降…スペースの幅に応じて広がります。同じスペース内に複数のテキストをセットすると横に配置されます。

制限事項

  • 一覧画面では使えません。

  • 「上下位置合わせ」はスマートフォン版画面では効果がありません。

  • 1つのスペース内にボタンや文字を複数表示する場合、「上寄せ」「中央寄せ」「下寄せ」と「指定なし」を混在させると、追加した順序と表示される順序が一致しなくなります。

関連記事