カスタマイズ

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

概要

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

使い方

アプリにテキストを表示するスペースフィールドを配置し、そのスペースフィールドに要素IDを設定しておいてください。「場所」パラメーターでこのスペースフィールドを選択します。

テキストの表示枠はアクション番号にひもつきます。同じアクション番号でもう一度「スペースに文字を表示する」を実行した場合、前回実行時のテキスト枠内の古いテキストが消され、新しいテキストで上書きされます。逆に、異なるアクションで「スペースに文字を表示する」を実行すると、新しいテキスト枠が作成されます。

異なるアクション番号でテキストの内容を変更したい場合は、「スペース・メニュー・ポータル位置に表示した文字を変更する」を使用します。

設定するパラメーター

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

場所

テキストを表示するスペースフィールドを指定します。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.158(2021年12月16日リリース)以降で、「上下位置合わせ」が「上寄せ」「中央寄せ」「下寄せ」時の動きが異なります。「指定なし」の場合に違いはありません。

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

制限事項

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

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

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

関連記事