ワンダーロボ設計書の項目入力チェックのCSS スタイルについて説明をします。

項目のCSS設定を行う前に、事前にSaaSForceにてCSS定義もしくはワンダーロボ設計書にてスタイル設計を行う必要があります。

ワンダーロボ設計書のスタイル設計関連記事については下記をご参照ください。

◆【ワンダーロボ】スタイル設計とは

ワンダフルフライDX支援事業

2024.05.04

【ワンダーロボ】スタイル設計とは

https://www.saasforce.co.jp/wonder_robot/【ワンダーロボ】スタイル設計とは

ワンダーロボ設計書のスタイル設計について説明を行います。「スタイル設計」シートは画面上で利用できる CSS を定義するシートです。開発において使用するCSS定義をワンダーロボ設計書に記述してSaaSForceに取り込む事ができます。 定義したCSSスタイルをワンダーロボの画面詳細設計書に使用する方法については下記参照 【テンプレートへの記入例】ワンダーロボ設計書内に「スタイル設計」シートを作成し、下記のテンプレートフォーマットに従ってCSS定義を行います。※スタイル内容には、一般的なCSSのプロパティ値を設定す...

以下は、設定方法です。

1.画面設計シートにCSSスタイル設定の対象画面項目作成。

2.画面詳細設計シートにCSS設定を作成する。作成方法は下記の記述例と説明をご参照ください。

記述例：

「スタイル」
社員:arrowLight_red
保存:button_blue

説明：

社員、保存：CSS を適用する対象項目名を指定します。
arrowLight_red、button_blue:「スタイル設計」シートにて定義されたスタイル IDを指定します。