Customine Basics (UI)

一覧表示のように詳細表示のテーブルで1行ごとに背景色をつけて見やすくする
今回は一覧表示のように詳細表示でのテーブルに1行ごとの背景色をつけ、見やすくするカスタマイズ例をご紹介します! kintoneアプリ例での注意点: はじめに本カスタマイズではkintoneアプリ側にて、カスタマインでのみ用いる数値フィールドを設定し、テーブルに行番号を設定するためのフィールドとして用い...
Fri, Aug 19, 2022 at 3:18 PM
プルダウンの値によってほかのプルダウンの選択肢を変更する
複数のプルダウンを配置し、ひとつ目のプルダウンの値によって二つ目のプルダウンの選択肢を変更したい場合、やること「プルダウンをスペースに配置する」で実現可能です。 なお、このカスタマイズはテーブル内ではご利用できませんのでご注意ください。 今回のカスタマイズでは、二つのプルダウン「選択肢1」と「選択...
Tue, Jan 31, 2023 at 2:37 PM
BOM(部品表)を「ツリーつきの一覧画面を作成する」で表示する方法
kintoneアプリで少し見づらいデータ構造として、いわゆるBOM(Bill Of Materials)と呼ばれる部品表のようなデータ構造があります。 こういったデータ構造のデータは、やること「ツリーつきの一覧画面を作成する」を使って頂くと見やすくなります。この記事ではこの「やること」の使い方をご紹介し...
Tue, Mar 26, 2024 at 4:42 PM
配置したボタンにショートカットキーを割り当ててみよう
画面上にボタンを配置する「やること」、具体的にはやること「ボタンをスペースに配置する」「ボタンをメニュー位置に配置する」「ボタンをポータルに配置する」「ボタンをフィールド名の右に配置する」でボタンを配置したとき、そのボタンをキーボードから操作したい事はありませんか? そういう時はやること「ボタンにショー...
Fri, Sep 1, 2023 at 12:13 PM
プルダウンをメニュー位置/スペースに配置するで初期値を指定する
やること「プルダウンをメニュー位置に配置する」、「プルダウンをスペースに配置する」を使用すると、 kintone のフィールドと結びついていないプルダウンを作成できます。 レコードを保存して再び編集画面を表示した時に、以前選択していた値をプルダウンの初期値として表示したい場合があると思います。 ...
Fri, Sep 8, 2023 at 3:44 PM
ダイアログで入力したり、入力内容を表示する
ダイアログでの入力や表示には、やること「入力ダイアログを表示する」や、「確認ダイアログを表示する」を使います。 それぞれの「やること」について、具体的なカスタマイズを踏まえて使い方を見ていきましょう。 「入力ダイアログを表示する」のカスタマイズ例 やること「入力ダイアログを表示する」のカスタマ...
Wed, Feb 28, 2024 at 1:24 PM
吹き出しを表示する
吹き出しを表示するには、やること「フィールドに吹き出しを設定する」を使います。 「フィールドに吹き出しを設定する」の基本的な使い方 吹き出しの内容はリッチテキストを使用できるので、文字の色やサイズ変更した吹き出しも設定できます。 ●カスタマイズ(やること)の例 ●「メッセージ...
Tue, Mar 19, 2024 at 4:12 PM
プレースホルダーで入力例を例示する
フィールドの入力例を示したい時に、やること「フィールドにプレースホルダーをセットする」を使うとプレースホルダー(入力例)を設定する事ができます。 ※プレースホルダーというのは実際の値が未入力のときに、入力例を次のように示してくれるものです。 具体的なカスタマイズについては、以下を参考にしてく...
Tue, Mar 19, 2024 at 2:21 PM
手書きキャンバスを使ってサインを添付ファイルフィールドに保存する
やること「手書きキャンバスをスペースに表示する」を使うと、簡単なカスタマイズでサインを書き、その内容を添付ファイル画像フィールドに保存するカスタマイズが実現できます。 具体的なカスタマイズ例については以下の記事をご確認ください。 kintoneのフィールド設定と表示例 フィールドを次のように用...
Mon, Apr 22, 2024 at 9:54 AM
文字列(複数行)の行数をカウント・制限する
はじめに この記事では、文字列(複数行)フィールドに入力された文字列の行数をカウントしたり、行数に制限をかける方法をご紹介します。 行数ではなく文字列をカウント、制限したい場合には「文字数をチェックする」を使用することで解決できます。 想定するアプリ 今回はシンプルに以下の 3 つのフィール...
Thu, Mar 21, 2024 at 5:43 PM