Tips

アプリのフォームをタブ表示で切替可能にする

Kintoneアプリのフォームは1種類しか作れないので、入力フィールドが沢山あるアプリでは、レコード詳細画面がどうしても縦長になってしまい、フォームは全体の視認性が悪くなってしまします。
そこで、タブ表示で表示項目を切替できるようにするカスタマイズ事例を紹介します。

デモ画面は、顧客管理アプリを例に、顧客名を画面の先頭に固定した状態で[タブ1]を連絡先情報、[タブ2]を部門・担当者、[タブ3]を案件情報、[タブ4]を引継ぎメモのグループに割り当てて、各タブのクリックで表示するフィールドを切替している例です。
最後の[全表示]タブで全てのフィールドを表示します。

デモ画面

この様なカスタマイズがご希望の方は、当サイトの「Kintoe人材育成」上級コースの受講をご検討下さい。
上級コースの受講者には、特典で当サイトのカスタマイズテンプレートを3種類まで無償でご提供しています。


自分でカスタマイズしてみたい方へ

以下の記事で「会議室予約アプリで重複予約を禁止にする」カスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。

「note:アプリ活用研究会」は、当サイトのメンバーが執筆しています。

Kintoneアプリのフォームをタブ表示で切替可能にする|アプリ活用研究会
やりたいこと Kintoneアプリのフォームは1種類しか作れないので、入力フィールドが沢山あるアプリでは、レコード詳細画面がどうしても縦長になってしまいます。 縦長フォームは全体の視認性が悪いので、タブ表示で表示項目を切替できるようにしたい。というのが今回のやりたいことです。 標準機能では実現出来ないので、今回もJavascriptでカスタマイズします。 デモ画面 デモ画面は、顧客管理アプリを例に、顧客名を画面の先頭に固定した状態で[タブ1]を連絡先情報、[タブ2]を部門・担...

#kintone #Javascropt #カスタマイズ

事例紹介

ACHIEVEMENTS
作業日報のクラウド型アプリへの移行支援
飲食店の仕入発注業務のアプリ化支援
飲食店のPOS型レジの導入

Tips

TIPS
kintone
別アプリ参照で3階層動的絞り込みドロップダウン
kintone
別アプリの値を参照する動的ドロップダウンリスト
kintone
予約管理アプリに重複禁止機能を付ける
補助金の活用についてもご相談ください

中小企業のデジタル化に利用できる補助金や助成金があります。
補助金や助成金は申請できる企業や用途に要件があったり、事業計画書を作成する必要があったりします。
必要な手続きをサポートさせていただきますので、お気軽にご相談ください。

お気軽にご相談ください。

オンライン可
無料相談
デジタル化
診断チャート
簡易診断

デジタル化による
コスト削減効果を算出