CookBook

IM-BloomMaker リッチテーブルの特定の行の背景色を変更する方法

投稿日:

このCookBookでは、リッチテーブルの特定の行の背景色を変更する方法について紹介しています。

※固定値を指定することで行を指定しています。指定する行を動的に変更することはできません。

完成イメージ

完成サンプル

以下の完成サンプルをダウンロードしてご活用ください。

このサンプルは、2023 Autumn版以降でインポートできます。

レシピ

1. コンテナページに、リッチテーブルエレメントを配置する

2. CSSエディタを編集する

3. プレビューで確認する

1. コンテナページに、リッチテーブルエレメントを配置する

  • 上記の「完成サンプル」のインポートファイルをダウンロードし、IM-BloomMaker のインポート画面からインポートしてください。
  • IM-BloomMaker のコンテンツ一覧画面を表示してください。
  • 「intra-mart CookBook」>「im_cookbook_226946」のコンテンツを選択し、デザイナ画面を開いてください。

2. CSSエディタを編集する

  • CSSエディタをひらいてください。
  • CSSエディタに以下のように記述してください。
※固定値(ueda)を指定することで、行を指定しています。指定する行を動的に変更することはできません。

3. プレビューで確認する

  • プレビュー画面を開いてください。
  • リッチテーブルの、「UserCode」列:「ueda」の行の背景色が変わっています。
  • 次に、リッチテーブルの、「UserCode」列:「ueda」の行にカーソルを移動させてください。
  • カーソルを「UserCode」列:「ueda」の行に移動させると、行の背景色が赤色に変わります。

-CookBook
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

IM-BloomMaker 排他制御エレメントの使い方

このCookBookでは、2021 Winterでリリースした共通エレメント「排他制御」の利用方法について紹介します。 「排他制御」エレメントは、特定の業務画面、特定の業務データにおける操作を排他的に …

申請一覧画面のブックマークを事前に登録する方法

このCookBookでは、申請一覧 のブックマークを事前に登録する方法をご紹介します。 ブックマークは、以下のテーブルにデータを登録することで設定できます。 imw_t_bookmark_flow ブ …

no image

IM-BIS アクション設定の「条件」の書き方

このCookbookでは、アクション設定の条件式の書き方を説明します。 この方法により入力値に応じてアクション設定の外部連携や入力モード変換などのイベントの実行をコントロールすることができます。 完成 …

no image

スクリプト開発モデルで作成した1つのページソースを複数の画面で利用する

このCookBookでは、任意のスクリプト開発モデルプログラムをコールして部分ページソース挿入を行う方法を紹介します。 部分ページソース挿入は<imart type=”include”>タ …

BloomMakerでワークフロー処理モーダルを利用してWorkflowコンテンツを作成する

このCookBookでは、2020 Spring(8.0.25)でリリースした下記の機能を利用して、Workflowのコンテンツを作成する方法を紹介します。 IM-BloomMakerのアクションに、 …