CookBook

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

投稿日:

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

完成イメージ

レシピ

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

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

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

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

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

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

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

-CookBook
-

執筆者:


comment

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

関連記事

no image

intra-martを初めて使う開発者が、まずは e Builder で「Hello world!」する方法

e Builder は、intra-mart Accel Platform で動作するアプリケーションを開発するための開発支援ツールです。 このレッスンでは、intra-martを初めて使う開発者が …

申請画面の入力データをExcelファイルにダウンロードする

このCookbookでは、IM-BIS 2017 Winterから新たに追加された「 外部連携のレスポンスとして、ファイルデータを受け取る 」機能を利用する方法を紹介いたします。 BISで作成した申請 …

IM-LogicDesignerを利用して、IM-Workflow完了案件の確認対象者を削除する

このCookBookでは、IM-LogicDesignerを利用して、IM-Workflow完了案件の確認対象者を削除する方法について紹介しています。 完了案件でも、確認対象者が確認することはできます …

差戻し先ノードの処理対象者を再展開するフローを作成する方法

このCookBookでは、差戻し先ノードの処理対象者を再展開するフローを作成する方法について紹介しています。 IM-Workflowの仕様として、差戻し先ノードではそのノードを以前に処理した人のみが再 …

no image

ウォッチ機能のご紹介

このCookBookでは「intra-mart Accel Collaboration」に備わっているウォッチ機能のご紹介です。 各会社様でグループで仕事をする機会が多いと思います。 仕事を行う上で、 …

RSSRSSRSSRSS