#DominoLeap ( #Leap ) #フィールド の #初期値 を設定する

 Again, this is a reminder to myself.

I will write down the procedure for applying the initial value settings in DominoLeap.

みなさま、こんにちは。
ゴールデンウィークも終わり、しばらくは連休のない日々が続きますね(汗

さてまずは告知からです。

●5月18日(木) 第2回 ザ・ノーツ研究会（会場・オンライン開催，オープン参加可）

今年から会員外の方でも参加することが可能ですので、ぜひお試しに参加してみてください。

●7月13日(木) ノーツ新任担当者向けワークショップ（2023年 春開催）

いよいよ本格的に会場開催復活です!
東京六本木　HCLJapan様に加え、大阪梅田でもサテライト開催が行われます。

以下、近日リリース予定のフライング案内です(笑

●6月23日(金) 第2回ノーツコンソーシアム大阪研究会(SCSK北浜オフィス)
●8月25日(金) ノーツコンソーシアムユーザー情報交換会@京都(+川床)
●9月21日(木)～22日(金) Notesアプリ開発を完全理解！@式で誰でもワークフロー

ぜひあらかじめ日程確保をお願い致します。詳細は決まり次第、FB等でご案内致します!!

さて今回も先般に続き、Leapの備忘録です。

ノーツアプリでよく利用する「初期値」の設定。

ノーツでは簡単ですよね。
フィールドのデフォルト値に文字列をセットするだけ。

これをLeapでも実施したいと思ったのですが、

Leapにはそれらしきプロパティが存在してません。

となると、やはりイベントで設定する必要がありそうです。

ということで、対象フィールドのイベントを見ると

ここはやはりonShowイベントですね。
onShowをクリックすると、

使用可能なパラメーターとして、これらが表示されています。
今回はフィールド(item)ですので、item. と入力すると、

候補が表示されました。
今回は値を表示させたいので、

setDisplayValue(pValue)を選択してみます。
pValueの部分を初期表示させたい内容に書き換えて、

[OK]して、プレビューしてみます。

できました!!

簡単ですね～。

今回は、いちおうコードは書きましたが、製品の入力支援でほぼ完結。
まさにローコードですね。

また気になることがあれば、細かい単位になりますが、掲載して参ります!!

---

追記

本記事、公開直後に、国内DominoLeapの先駆者である株式会社エフの御代様よりメッセージがあり、もっと簡単の方法があるとの事!!
その手順を教えて頂きましたので、追記致します。

それは・・・

このように設計画面のフィールドに値を直接書き込むというものです。
・・・・なんて簡単な・・・・(大汗

プレビューすると、

できました。
うーっ、半日の苦労が・・・・

っとは言いません!!

単に初期値だけでしたら無駄なのですが、フィールドの値を制御するためのローコードの手順を少し理解することができました!!

ということで、皆様のこの手順をご利用ください(笑

Domino #Leap でフィールドタイトルの色を変える

This time I wanted to change the color of the field labels in DominoLeap to make them stand out.

Using custom CSS, I was able to implement this easily, so I will introduce it here.

I could not find any technical documents in Japanese, so I hope this will be helpful.

みなさま、こんにちは。
ゴールデンウィークスタートしましたね。
とはいいつつ、今週は単なる土日。月末月初ということで、普段通りです。

そんな中いよいよ本格的に社内へDomino Leapワークフローの展開がスタートしたのですが、進めていく中で、フィールドを目立たせたいという課題が発生しました。

Notesなら、フォントカラーや背景色をプロパティで簡単に変更できるのですが、Leapのプロパティにはそのような項目はありません。

簡単に設定できないものか・・
ということで、気なったのが

そう、カスタムCSSクラスです。

そういえば、以前受講したDomino Leapのハンズオンでは、[表示]の[HTML]を利用して、LeapのデフォルトバナーをCSSを利用して消したことがありました。

要は、カスタムCSSクラスに新しいクラスを追加して、このHTMLに追記すれば解決するのではと考えました。

ということで、Leapで利用されているクラスの一覧が必要となります。
サポートに問い合わせようかと思ったのですが、いや、まずは自分で探そうとググッてみたところ、すぐに見つかりました。

https://leap.hcldoc.com/help/topic/LEAPv9/LEAP/ref_customized_css.html

このページの前半には記述例。
後半にクラス定義が書かれていました。

クラスは分かりやすいように、分類分けされて表示されています。

• View Responses layout
• Single form launch layout
• Form items - general
• Section
• Survey
• Tabbed Folder
• Buttons
• Dialogs

今回はフォームラベルの色を赤くしたいので、Form itemsが対象となります。

図示されていて、わかりやすいですよね。
この例でみると、クラスは [.lfFormLabel ] であることがわかります。

前半の書き方を確認して、以下のように設定してみました。

まずはカスタムCSSクラスを設定します。
例では [sales] としました。

続いてHTMLに追記します。

クラスの指定方法はこの順番になります。

プレビューしてみると、

思うような結果が得られました。

ついでに「回収予定日」と「回収方法」もカスタムCSSに [sales] を設定すると、

簡単ですね。
CSSの詳しい知識がなくても、ある程度の見た目は変更できそうです。

以上、日本語の解説を見つけることができませんでしたので、記事にさせて頂きました。

みなさま、よい連休を!!