CookBook

Formaでスクリプトアイテムを使い、ボタン・見出し等の色やサイズを変更する方法

投稿日:

このCookBookでは、Formaでスクリプトアイテムを使い、デザインを変更する方法をご紹介します。
サンプルでは、「ボタンアイテム」の背景色の変更・「見出し」の背景色の変更・「ラジオボタン」のボタンのサイズ変更を実現します。

完成イメージ

レシピ

  1. 変更をかけたいアイテムとスクリプトアイテムを追加してください。
  2. スクリプトアイテムを追加し、プロパティにコードを記述してください。(jQueryのセレクタは一例です)

1. 変更をかけたいアイテムとスクリプトアイテムを追加してください。

2. スクリプトアイテムを追加し、プロパティにコードを記述してください。(jQueryのセレクタは一例です)

変更したいボタンのIDをbuttonIdsに設定してください。複数選択も可能です。

アイテムのIDは、実行画面を開き開発者ツールで確認できます。
スクリプトアイテムによってかかった変更は、Forma管理画面では確認できません、Formaアプリから確認できます。

その他:同様にスクリプトアイテムを使うことにより、見出しの色やラジオボタンのサイズを変更してください。

以下のコードをスクリプトアイテムのプロパティに記載してください。

-CookBook
-

執筆者:


comment

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

関連記事

FormaDesignerのユーザプログラム入力チェックをロジックフローで作成する方法

このCookBookでは、FormaDesignerのユーザプログラム入力チェックをロジックフローで作成する方法をご紹介します。 サンプルでは、スプレッドシート・グリッドテーブル・明細テーブルを使用し …

no image

Solr の Docker を作成する。

この CookBook では、Solr の Docker の作成手順について紹介しています。 レシピ ベースイメージの作成 Solr の Docker イメージを作成します 実行します 1. ベースイ …

no image

IMBox に投稿種別を追加する方法(Markdown)

このCookBookでは、IMBoxに投稿種別を追加する方法について紹介しています。 以下のドキュメントを参照することで、IMBox に投稿種別を追加することができます。 IMBox プログラミングガ …

no image

多要素認証(MFA)のバックアップコードを生成していないユーザに通知を送る方法

この CookBook では、多要素認証のバックアップコードを生成していないユーザに通知を送る方法について紹介しています。 多要素認証では Google Authenticator を用いて認証を行い …

no image

完了したワークフロー案件の登録データをメンテナンスする方法

このCookBookでは、IM-BISとIM-FormaDesignerで作成したワークフロー案件の登録データを編集する方法を紹介します。 一部制限はありますが、IM-FormaDesignerのアプ …

RSSRSSRSSRSS