Customizing the Whole Kintone with JavaScript and CSS

You can use JavaScript and CSS to customize the system-wide operation and appearance of Kintone.

You can upload different JavaScript and CSS files for PCs and mobile devices (including the smartphone app).
JavaScript and CSS are applied to all screens except:

Screens that JavaScript and CSS are not applied

  • Screens that can be configured from Kintone System Administration
  • App settings page
  • Personal Settings
  • Graphs embedded in external sites by using the Embed Tag

Use API to create your JavaScript programs.
For details on API, access cybozu developer network.

To customize only apps, rather than customizing the whole Kintone system, see the "Customizing an App with JavaScript and CSS" page.

Uploading JavaScript and CSS Files

This section describes how to upload files you created to Kintone.
Only Kintone system administrators can upload JavaScript/CSS files to Kintone.

  1. Open the system administration screen.
    Opening the System Administration Screen

  2. Click "JavaScript and CSS customization".

  3. Choose the scope of customization from the following three options:

    • Affect all users
    • Affect only app administrators
    • Disable

    Before applying customization to all users, check to see that the customization is done correctly by having it applied only to the app administrator.
    Regardless of which option you choose here, customization is not applied to guests.

  4. Click Add Link or Add File and select a file to upload.

    • Domains other than kintone.com can be specified for the URL.
    • You can upload up to 30 files for each combination of file types and device types.
    • The files are loaded in order from top to bottom.
    • Drag and drop Arrow icon to change the order of files. System-Wide JavaScript Customization screen
  5. Click "Save".