一覧表画面にアラート表示機能を追加する

一覧画面で急ぎ処理が必要なデータを赤く表示することができます。

ここでは例として注文一覧アプリの単価が閾値を下回っている項目を赤く表示する機能を追加します。

アプリの動作

単価が 5000 円を下回っている項目が赤く表示されます。

../../../../../_images/img_0020.png

カスタマイズ手順

画面レイアウトを変更する

アラート表示する閾値を画面にセットします。

  1. CELF に ログイン し、「管理ボタン」をクリックして管理画面を開きます。
../../../../../_images/img_0184.png

ちなみに

「管理ボタン」は管理者ユーザーでログインしている場合に表示されます。

  1. カスタマイズするアプリをダブルクリックします。
../../../../../_images/img_0280.png
  1. 注文一覧シート(メインシート)をダブルクリックします。
../../../../../_images/img_0364.png
  1. 表示されている最終列の列見出しをクリックして、右方向にドラッグします。
../../../../../_images/img_0458.png

ヒント

最終列の右隣の列までマウスが来るようにドラッグします。

  1. 最終列全体が選択状態になっている状態で、列の列見出しを右クリックして「再表示」をクリックします。
../../../../../_images/img_0554.png

ちなみに

非表示になっていた列が表示されます。

../../../../../_images/img_0641.png
  1. 表示した列の 1 行目に閾値を入力します。
../../../../../_images/img_0739.png

ヒント

ここでは、「単価が 5000 円を下回っている時に赤く表示する」ようにするため、「5000」を入力します。

  1. 閾値を入力した列の列見出しを右クリックして「非表示」を選択します。
../../../../../_images/img_0833.png
  1. シートを保存して閉じます。
../../../../../_images/img_0927.png

閾値を超えた行を赤く表示するようアクションを変更する

一覧画面の「再表示」アクションにアラート表示機能を追加します。
「再表示」アクションにアラート表示機能を追加した際の処理フローが下の図となります。
../../../../../_images/img_431.png

修正内容は以下のとおりです。

[1] 表部分のセルの書式を初期化する
表部分のセルの書式を初期化する処理を追加します。
2回目のデータ検索の際に以前のアラート表示を残さないための処理です。

[2] アラート表示設定
アラート表示設定の処理を追加します。
表の行数分の処理を行い「単価」の値が閾値を下回っているか判定します。
閾値を下回っている場合はデータの表示先のセル書式を変更します。

では、下の手順で実際にアクションセットの修正方法を説明していきます。

一覧画面の「再表示」アクションを開く

  1. CELF に ログイン し、「管理ボタン」をクリックして管理画面を開きます。
../../../../../_images/img_0184.png

ちなみに

「管理ボタン」は管理者ユーザーでログインしている場合に表示されます。

  1. カスタマイズするアプリをダブルクリックします。
../../../../../_images/img_0280.png
  1. 注文一覧シート(メインシート)をダブルクリックします。
../../../../../_images/img_0364.png
  1. img_edit_action_button ボタンをクリックします。
../../../../../_images/img_1024.png
  1. 「再表示」のアクションセットをダブルクリックします。
../../../../../_images/img_1122.png

表部分のセル書式を初期化する

  1. 「セル操作」タブから「セルの書式を設定する」アクションを、アクションセットの先頭にドラッグ&ドロップして追加します。
../../../../../_images/img_1217.png

ヒント

アクションが追加できる場所はオレンジ色に変化します。追加したい場所の色が変化したのを確認してからマウスボタンを離してください。
../../../../../_images/img_00441.png
  1. 追加した「セルの書式を設定する」アクションのセルに、「=注文一覧_制御用(アクション)!B5 & 注文一覧_制御用(アクション)!B3 & ":" & 注文一覧_制御用(アクション)!B6 & 注文一覧_制御用(アクション)!B4」と入力します。
../../../../../_images/img_1316.png

ヒント

この式は複雑ですので、上の説明文からコピーして貼り付けてください。
式の意味は下の「ちなみに」で説明していますので、もし興味があれば参照してください。

ちなみに

この式は『「表の開始地点のセルアドレス」から「表の終了地点のセルアドレス」』という、一覧表の範囲を表します。
../../../../../_images/img_1414.png
「表の開始地点のセルアドレス」は以下のセルを表します。
../../../../../_images/img_1514.png
「表の終了地点のセルアドレス」は以下のセルを表します。
../../../../../_images/img_1614.png
  1. 追加した「セルの書式を設定する」アクションの「書式」ボタンをクリックします。
../../../../../_images/img_1712.png
  1. 「フォント」タブの項目を、以下のように編集します。
  • フォント:メイリオ
../../../../../_images/img_1812.png
  1. 「罫線」タブで左右の罫線を設定します。
../../../../../_images/img_1912.png

ヒント

黒色の罫線が左右に表示されます。

../../../../../_images/img_2011.png
  1. 「罫線」タブで線の色を灰色に設定します。
../../../../../_images/img_219.png
  1. 「罫線」タブで、手順 10. で設定した残りの罫線を設定します。
../../../../../_images/img_228.png

ヒント

灰色の罫線が表示されます。

../../../../../_images/img_236.png
  1. 「確認」ボタンをクリックします。
../../../../../_images/img_247.png

アラート表示処理を追加する

  1. 17 行目の「シートのセルに値をセットする」アクションを、直前の「シートのアクションを実行する」アクションの上にドラッグ&ドロップしてコピーします。
../../../../../_images/img_256.png

ヒント

次の画像のようになるよう、位置に注意してコピーしてください。

../../../../../_images/img_263.png

ヒント

Ctrl を押しながらドラッグ&ドロップをすることでアクションをコピーすることができます。

  1. 「制御」タブから「指定回数分繰り返し処理をする」アクションを、コピーした「シートのセルに値を設定する」アクションの下にドラッグ&ドロップして追加します。
../../../../../_images/img_275.png
  1. 追加した「指定回数分繰り返し処理をする」アクションの繰り返し回数を、3 つ下の「指定回数分繰り返し処理をする」アクションの繰り返し回数と同じ式を設定します。
../../../../../_images/img_285.png

ヒント

以下のコメントが表示されているアクションを探してください。
取得件数分繰り返し、以下の処理を行う
・検索結果をDBデータにコピー
・No.をセット
・削除列にチェックボックスをセット
  1. 「制御」タブから「条件を判定する」アクションを、追加した「指定回数分繰り返し処理をする」アクションの中にドラッグ&ドロップして追加します。
../../../../../_images/img_295.png
  1. 追加した「条件を判定する」アクションの分岐条件に、「=INDIRECT( "M" & 注文一覧_制御用(アクション)!H3) < Q1 」と入力します。
../../../../../_images/img_305.png

ヒント

この式は複雑ですので、上の説明文からコピーして貼り付けてください。
式の意味は下の「ちなみに」で説明していますので、もし興味があれば参照してください。

ちなみに

この式は『「その行の単価」が「閾値」を下回っていれば』という、背景色を赤くするセルの条件を表しています。

「"M" & 注文一覧_制御用(アクション)!H3」は「その行の単価」のセルアドレスを表します。
「"M"」が単価の列アドレス、
../../../../../_images/img_313.png
「注文一覧_制御用(アクション)!H3」が行のアドレスを表します。

「Q1」は 画面レイアウトを変更する で設定した閾値のセルのアドレスです。
../../../../../_images/img_0739.png
  1. 「セル操作」タブから「セルの書式を設定する」アクションを、追加した「条件を判定する」アクションの「もし○○ならば」部分にドラッグ&ドロップして追加します。
../../../../../_images/img_323.png
  1. 追加した「セルの書式を設定する」アクションのセルに、「="M" & 注文一覧_制御用(アクション)!H3」と入力します。
../../../../../_images/img_334.png

ヒント

式の意味は手順 5. の「ちなみに」の中で説明していますので、もし興味があれば参照してください。

  1. 追加した「セルの書式を設定する」アクションの「書式」ボタンをクリックします。
../../../../../_images/img_344.png
  1. 「フォント」タブの項目を、以下のように編集します。
  • フォント:メイリオ
../../../../../_images/img_1812.png
  1. 「罫線」タブの「線」項目を、以下のように編集します。
  • 色:灰色
../../../../../_images/img_352.png
  1. 「罫線」タブの以下の「プリセット」項目をクリックします。
  • プリセット:外枠
  • プリセット:内側
../../../../../_images/img_361.png
  1. 「塗りつぶし」タブの「セルの網かけ色」項目を編集し、「確認」ボタンをクリックします。
  • セルの網かけ色:赤色
../../../../../_images/img_371.png
  1. 「シート操作」タブから「シートのセルに値を設定する」アクションを、手順 2. で追加した「指定回数分繰り返し処理をする」アクションの下にドラッグ&ドロップしてコピーします。
../../../../../_images/img_381.png

ヒント

次の画像のようになるよう、位置に注意して追加してください。

../../../../../_images/img_391.png
  1. 追加した「シートのセルに値を設定する」アクションの、「シート選択」ボタンをクリックします。
../../../../../_images/img_401.png
  1. 「注文一覧_制御用(アクション)」シートをダブルクリックします。
../../../../../_images/img_411.png
  1. 追加した「シートのセルに値を設定する」アクションを以下のように設定します。
  • セル:「H3」
  • セットする値:「=注文一覧_制御用(アクション)!H3 + 1」
../../../../../_images/img_421.png

ちなみに

「=注文一覧_制御用(アクション)!H3 + 1」は行番号に 1 を追加します。
このアクションにより、「指定回数分繰り返し処理をする」アクションで繰り返すたびに値が増え、単価列のすべての行を対象にします。
  1. アクションセットの「OK」ボタンをクリックします。
../../../../../_images/img_00451.png

以上で完成です。

参考

他のシートにも同様の機能を追加することができます。
ヘッダー検索画面シートに追加する場合は 「 ヘッダー検索画面にアラート表示機能を追加する 」 を参照してください。
単票シートに追加する場合は 「 単票画面にアラート表示機能を追加する 」 を参照してください。
クロス表シートに追加する場合は 「 クロス表画面にアラート表示機能を追加する 」 を参照してください。