Customizing an App Using JavaScript and CSS

Article Number:040556

You can use JavaScript and CSS to customize the behavior and appearance of an app.

You will use APIs to create JavaScript programs.
For details on how to customize an app using JavaScript and CSS, refer to Kintone Developer Program.

Uploading JavaScript and CSS files

This section describes how to upload the created JavaScript and CSS files on an app.
Note that JavaScript and CSS files can be uploaded on Kintone only by Kintone Administrators.

JavaScript/CSS files can be uploaded for PC and mobile devices (including the smartphone app) separately. The uploaded files are applied to the following screens of the app:

  • The "View" screen
  • The "Add Record" screen
  • The "Edit Record" screen
  • The "Record Details" screen
    The files are also applied to the "Record Details" screen that is displayed when a record is opened via a notification from the app.
  • The screen to print a record
  • Tables and charts that present aggregate record data
    The files are not applied to charts that are embedded in external sites by Embed Tags.
  • The aforementioned screens in the app's test environment (only for PC)
  1. Click the app settings button Settings button at the upper right of the "View" screen, select the App Settings tab, and then select JavaScript and CSS Customization under Customization and Integration.
    Screenshot: The app settings button

  2. Select the scope of customization from the following:

    • Affect all users
    • Affect only app administrators
    • Disable

    Before applying customization to all users, apply it only to app administrators and check that the customization works correctly.
    If you select Affect all users, the customization will be applied to all users including guest users.

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

    • Domains other than kintone.com can also be specified as the link.
    • Up to 30 files can be uploaded for PC and mobile devices separately.
    • The files are loaded in the order they are listed, from top to bottom.
    • The ordering of the files can be changed by dragging and dropping Arrow icon.

    Screen to upload a file for customization

  4. Click Save.

  5. Click Update App on the upper right side of the screen.