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 the kintone Portal, click the Create App icon (the plus sign-shaped icon 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 your cursor over the top right of the field. When the Field Settings icon (the gear-shaped icon at the top right of the field) appears, click Duplicate. Screenshot: A GIF that shows the field being duplicated

  6. Change the name of the fields you have placed.
    Hover your cursor over the top right of the "Text area" field. When the Field Settings icon (the gear-shaped icon at the top right of the field) appears, click Settings. Screenshot: The "Field Settings" icon 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 an app's settings

After creating an app, you can change its settings at any time.

  1. Click the App Settings icon (the gear-shaped icon at the top right of the app's "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.
    Place your cursor over the field you want to move, then drag the field to the position of your choice. 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. Click Update App on the upper right side of the screen.

  4. On the confirmation dialog, click Update App.

You have successfully changed the App Settings.