JavaScriptやCSSを使用したKintone全体のカスタマイズ

記事番号:04042

JavaScriptやCSSを利用して、Kintone全体の動作や画面をカスタマイズできます。PC用とスマートフォン用(スマートフォンアプリを含む)とで分けてカスタマイズします。

Kintone全体のカスタマイズは、[Kintoneシステム管理]画面からJavaScript/CSSファイルを適用します。Kintoneのトップページのポータルや、スペースのポータルをカスタマイズする場合も同様です。

Kintone全体に適用するカスタマイズファイルの作成には、Kintoneが提供するAPIを利用できます。詳細は、次のページを参照してください。
Kintone Developer Program

Kintone全体のカスタマイズが適用される画面

[Kintoneシステム管理]画面で取り込んだJavaScript/CSSファイルがどの画面に適用されるかは、次のページを参照してください。
Kintone全体のカスタマイズが適用される画面

JavaScriptファイルやCSSファイルを適用する

JavaScriptやCSSを用いて作成したカスタマイズファイルをKintoneに適用する手順を説明します。Kintoneのシステム管理者だけがカスタマイズを適用できます。

  1. [Kintoneシステム管理]画面を開きます。
    [Kintoneシステム管理]画面を開く

  2. [JavaScript / CSSでカスタマイズ]をクリックします。

  3. [Kintone全体のカスタマイズ]画面で、カスタマイズの適用範囲を次の3種類から選択します。

    • [すべてのユーザーに適用]
    • [Kintoneのシステム管理者だけに適用]
    • [適用しない]

    すべてのユーザーにカスタマイズを適用する場合は、あらかじめKintoneのシステム管理者だけに適用して、正しくカスタマイズされていることを確認してください。
    ここでの設定にかかわらず、ゲストユーザーにはカスタマイズは適用されません。

  4. [URL指定で追加]または[アップロードして追加]をクリックし、取り込むファイルを選択します。
    複数のファイルを取り込んだ場合、上から順番に読み込まれます。また、ファイルの順番は、ファイル名の左側にある[ドラッグして並び替え]アイコンをドラッグアンドドロップして変更できます。
    スクリーンショット:[Kintone全体のカスタマイズ]画面

  5. 画面左上の[保存]をクリックします。