サービスポータルの [要求アイテム] フォームと [承認] フォームの UI フォーマッターに表示される空の変数を非表示にする方法 Issue <!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } 要求アイテムフォームと承認フォームの UI フォーマッター (変数エディターと承認サマライザー) に表示される空の変数を非表示にし、フォーマッターのデータ (システムまたはユーザーが生成した) を含む変数のみを表示する方法について説明します。 Release<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } Cause<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } サービスポータルは Angular 上に構築されており、UI マクロは Jelly 上に構築されていますが、サービスポータルでは機能しません。 Resolution<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } 要求アイテム (sc_req_item) フォームと承認 (sysapproval_approver) フォームで使用される 2 つの UI フォーマッターは次のとおりです。 承認サマライザー (/nav_to.do?uri=sys_ui_formatter.do?sys_id=f2bbad23c0a8011b00ba8af904f61a0e)変数エディター (/nav_to.do?uri=sys_ui_formatter.do?sys_id=86863af2c611229101b57dcc29ac7666) 変数エディター UI フォーマッターは、必要な変数を非表示にするようにカスタマイズできる UI マクロcom_glideapp_servicecatalog_veditorを使用します。 /nav_to.do?uri=sys_ui_macro.do?sys_id=37c219149f2320007bb2ed93ee4bccca 承認サマライザー UI フォーマッターはapproval_summarizer_main.xmlフォーマッターを使用しますが、これはベースコードに埋め込まれており、カスタマイズすることはできません。 com_glideapp_servicecatalog_veditor に似たカスタム UI マクロを作成し、代わりにそれを使用して、そこでカスタマイズを実装できます。 前述のように UI フォーマッターをカスタマイズする代わりに、カタログアイテムレベルでカタログクライアントスクリプトを実装できます。カタログクライアントスクリプトで 要求アイテムに適用 を選択して、要求アイテムに適用するように設定します。これらのスクリプトは、値が設定されていない場合に変数の表示を非表示に設定できます。 注意:これらのカスタマイズはサポートの範囲外であるため、お客様はこれらのカスタマイズを実行し、所有する必要があります。