よくある質問

残り入力項目を表示する機能はありますか?

ecforce efoには、残り入力項目数を視覚的にどの程度完了しているのかを表示する「プログレスバー」という機能を設置することができます。

__________2023-02-10_19.28.37.png

設定・編集箇所

「プロファイル管理 > 該当プロファイル > 編集」より「チャット設定項目」を展開してください。
「チャット設定項目」内の「プログレスバーの設定」が設定・編集箇所になります。

__________2023-02-06_19.26.49.png

設定・編集できる項目

表示・非表示 プログレスバーの表示ON/OFFを設定できます。
ONに設定するとツールバー直下に表示されます。
高さ(px) プログレスバーの高さをpxで設定できます。
バー進行中の背景色 進行中のバー背景のカラーコードを設定できます。
バーの背景色 バー背景のカラーコードを設定できます。
読込中にストライプ表示

次のメッセージを読込中にプログレスバーを縞模様にするON/OFFを設定できます。
ONに設定すると縞模様になります。

表示文字(進捗)のCSSスタイル

バーに表示される文字のCSSスタイルを設定できます。
デフォルトで入力されているCSSは下記のようにカスタマイズできますが、追加/削除も設定できます。

  • font-size:文字の大きさ
  • font-weight:文字の太さ
  • color:文字色
  • fixe-direction:文字の位置(row:左寄り、row-reverse:右寄り)

▼プロファイル管理についてはこちら
プロファイル管理

よくあるご質問

残り入力項目数の母数を変更したい。

残り入力項目数はシナリオ数を参照しているため、変更したい場合はシナリオ数自体を調節してください。
※「start(立ち上げ)」「greeting(あいさつ)」のシナリオは含みません。
また、必須入力項目数に変更することはできません。

プログレスバーを追従させたい。

プログレスバーをONにするとツールバー直下に表示され、標準仕様として画面をスクロールしても固定したまま追従します。

進行中のバーにグラデーションをつけたい。

以下のようなコードを記述することで、バーの背景色をグラデーションにすることができます。
<記述例> linear-gradient(to right, #31ccec, #eee,#fff)

__________2023-02-07_19.59.42.png

この記事の目次

このセクションの記事

よくある質問