Creating an 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.

How the completed app will look
Screenshot: The "View" screen of a 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" icon is outlined

  2. On the " kintone Marketplace" screen, click Create App from Scratch.
    Screenshot: "Create App from Scratch" is outlined
    You will be navigated to the Form settings screen of the new app.
    Screenshot: The Form settings screen of a new app is displayed

  3. On the "App Settings" screen, enter a name for the app. In this example, we will enter "Daily Report" as the app name. You can change the app name anytime from the "App Settings" screen.
    Screenshot: Entering an 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 is displayed

  4. Place fields on the app form by dragging them from the list on the left side of the screen to the area on the right.
    In this example, we will 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 settings menu of a field is outlined

  7. Enter "What you've done today" in the Name section and click Save.
    Screenshot: The settings dialog for a "Text area" field is displayed

  8. Use the same method to change the names of the other two fields. In this "Daily Report" app, we will change the name of the other two fields to "What to do tomorrow" and "Your Thoughts / What you've learned" respectively.
    Screenshot: The Form settings screen is displayed

  9. Click Save Form at the upper left of the screen to save the app form.
    To publish the app in your actual environment, click Activate App at the upper right.
    Screenshot: "Save Form" and "Activate App" are outlined

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 upper right of the "View" screen.
    Screenshot: The "App Settings" icon is highlighted

  2. On the "App Settings" screen, make the necessary changes to the app's settings.
    You can also rearrange the positions 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.

  4. On the "Update App" dialog, click Update App.