Creating App from Scratch

Article Number:040638

You can create an app from scratch.
This article describes the steps and operations to set up an app, using the "Daily Report" app as an example.

Image of the created app Screenshot: Image of the created app

Creating an app

  1. On Kintone Portal, click the Create App button Create App located in the Apps section. Screenshot: The "Create App" button in the "Apps" section of Portal

  2. Click Create App from Scratch. Screenshot: The "Create App from Scratch" button on the "Kintone Marketplace" screen The screen transitions to the form setting screen of the new app. Screenshot: The form setting screen of the new app

  3. Enter any name for the app. In this example, enter "Daily Report" into the input field for the app name. You can change the app name afterwards on the App Settings screen.
    Screenshot: The input field for the app name You can click on the app's icon to change it to a different one. It is also possible to change the icon after you create the app. Screenshot: The "Change App Icon" dialog

  4. From the list of fields on the left side of the screen, drag a field you want to place on the app form and drop it to the right area.
    In this example, place "Date," "Created by," and "Text area" fields on the app form.
    You can expand the width and height of the fields you have placed on the app form.

    Screenshot: A "Date" field Screenshot: A "Created by" field Screenshot: A "Text area" field Screenshot: A GIF that shows the fields mentioned above being placed on the app form on the form setting screen

  5. Duplicate the "Text area" field to add two more fields of the same type.
    Hover over the upper right side of the field. When the Field Settings icon Field Settings icon appears, click Duplicate. Screenshot: A GIF that shows the field being duplicated

  6. Change the name of the fields you have placed.
    Hover over the upper right side of the "Text area" field you have placed. When the Field Settings icon Field Settings icon appears, click Settings. Screenshot: The "Settings" button of the field Enter "What you've done today" in the Name section and click Save.
    Screenshot: The setting dialog for the "Text area" field Repeat this step to change the field name of the other two fields. In this "Daily Report" app, change the name of the other two fields to "What to do tomorrow" and "Your Thoughts / What you've learned" respectively. Screenshot: The form setting screen after the field names are changed

  7. Click Save Form on the upper left side of the screen to save the app form.
    To publish the app on your actual environment, click Activate App on the upper right.
    Screenshot: The "Save Form" and "Activate App" buttons on the form setting screen

Changing the app's settings

You can change the App Settings of the created app whenever you want.

  1. To change the App Settings, click the App Settings button App Settings button on the upper right side of the "View" screen. Screenshot: The "View" screen of the app

  2. Make changes on the App Settings screen.
    It is also possible to change the position of the fields that are already placed on the app form.
    Hover over the field you want to move and change its position by dragging and dropping. Screenshot: A GIF that shows a field being moved with a drag-and-drop operation Fields that are horizontally aligned can be moved up and down all together.  Screenshot: A GIF that shows fields being moved up and down all together

  3. To apply the setting changes to the app, click Update App at the upper right.