ServiceNowでのリスト(一覧)表示で特定の値を強調表示する

Version: Istanbul

# 作るもの

リスト(一覧)表示で特定の値を強調表示する

![FireShot Screen Capture #333 - 'インシデント I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fx_101872_lets_get_pinkie_smile_list_do%3Fsysparm_clea.png](https://qiita-image-store.s3.amazonaws.com/0/193272/e08f3690-be47-b33d-3572-f060c6895506.png)

この記事では他記事で作成したapplicationと

http://qiita.com/20_percent_cooler/items/ce92ae4a7c0d6cc037fe

drop-down list(プルダウン)を使用しています

http://qiita.com/20_percent_cooler/items/d87759c59cf4c44ccdc8

# Choiceのdrop-down listの特定の値を強調表示
## 強調表示の設定の追加

adminで英語でloginしてFilter navigatorにsystem uiと入力してSystem UI->Field Stylesをクリックします

![FireShot Screen Capture #320 - 'Styles I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fsys_ui_style_list_do%3Fsysparm_userpref_module%3Dc5cc.png](https://qiita-image-store.s3.amazonaws.com/0/193272/268f2f53-7351-1a64-5dbf-924d19e20e85.png)

Newをクリックして設定の追加画面を表示し対象のTableとColumとValueを入力しStyleにbackgroud-color:red;とfont-size:48pxを指定してSubmitします

![FireShot Screen Capture #335 - 'Style I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fsys_ui_style_do%3Fsys_id%3D-1%26sys_is_list%3Dtrue%26s.png](https://qiita-image-store.s3.amazonaws.com/0/193272/e2e77da5-d15e-3a8d-a75c-e0afa52f7f37.png)

リスト画面で設定が追加されたことを確認します

![FireShot Screen Capture #336 - 'Styles I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fsys_ui_style_list_do%3Fsysparm_clear_stack%3Dtrue.png](https://qiita-image-store.s3.amazonaws.com/0/193272/bfab0f2a-6463-d0c8-ccf0-51dfc7e21957.png)

## 設定の確認

一般ユーザ(おばあさん)で日本語でログインして設定を追加したリスト画面を表示し画面左上の歯車で設定を追加した項目を利用可能から選択済みに[>]で移動して[^]で適当な位置に設定します

![FireShot Screen Capture #322 - 'インシデント I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fx_101872_lets_get_pinkie_smile_list_do%3Fsysparm_clea.png](https://qiita-image-store.s3.amazonaws.com/0/193272/2fd602eb-51a7-ef68-70e3-c5b90df5cdf8.png)

項目の値を設定した値に変更して強調表示されることを確認します

![FireShot Screen Capture #325 - 'インシデント I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fx_101872_lets_get_pinkie_smile_list_do%3Fsysparm_clea.png](https://qiita-image-store.s3.amazonaws.com/0/193272/7b405a40-104f-0d41-873e-3816f56d1b14.png)

# 別テーブルのReferenceのdrop-down list(プルダウン)の特定の値を強調表示
## 別テーブルのReferenceの特定の値のsys_idをコピー

Filter navigatorにtablesと入力するなどの方法で別テーブルまでたどり着いた後でShow listなどでリストを開き値を強調表示したい行の上で左クリックしCopy sys_idを選択します(sys_idはOracleで言うところのROWNUMのような物で目に見えないidですReferenceのテーブルは内部的にsys_idでjoinされています)

![FireShot Screen Capture #330 - 'wish meals I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fx_101872_lets_get_wish_meal_list_do%3F.png](https://qiita-image-store.s3.amazonaws.com/0/193272/7765ab0f-76dd-661e-3059-9d84e8176442.png)

## 強調表示の設定の追加

Choiceのときと同様にSys UI->Field Stylesで設定を追加しますValueにはCopyしたsys_idを入力します

![FireShot Screen Capture #332 - 'x_101872_lets_get_pinkie_smile I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fsys_ui_style_do%3Fsys_id%3Db6.png](https://qiita-image-store.s3.amazonaws.com/0/193272/5b6ef467-1fd1-452d-eebd-fef1a406de30.png)

## 設定の確認

一般ユーザ(おばあさん)で日本語でログインして値が強調表示されることを確認します

![FireShot Screen Capture #333 - 'インシデント I ServiceNow' - dev12747_service-now_com_nav_to_do_uri=%2Fx_101872_lets_get_pinkie_smile_list_do%3Fsysparm_clea.png](https://qiita-image-store.s3.amazonaws.com/0/193272/400c7b07-3629-af53-036e-513595f32ae1.png)