# Appmachine Data

AppMachine Data allows you to store data and show it in your app. You can also make the data editable in your app for specific user categories if you want.&#x20;

### AppMachine tables

You can create your own tables within Appmachine to show it to your app users. \
You can even create Edit or Add forms in your app to give your app users the functionalitity to edit your data or add new data. \
\
Read the article below or [watch the video](https://www.youtube.com/watch?v=ueb5yxnUoW8)

{% embed url="<https://www.youtube.com/watch?v=ueb5yxnUoW8>" %}

### Add Table

1. Click **Data** in the left side navigation<br>

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2F5yJIKoNVwCQe0YXZ7Rjn%2Fimage.png?alt=media&#x26;token=893e55a5-25ba-4f38-be95-5970b1218043" alt=""><figcaption><p>Add new table</p></figcaption></figure>

2. Click **Create Table**

3. Choose from where you want to store the information\
   In this case you select **AppMachine Table**

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FBrHYhuo9561zCUa82HoJ%2Fimage.png?alt=media&#x26;token=666c8d6e-f16f-484f-94a1-2a2a4924fb5f" alt=""><figcaption><p>Select where you want to store your data</p></figcaption></figure>

4. You can create your own **Blank** table or use one of our Table with some demo data\ <img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2Fn1YZ5m5f7wHEpON23xZl%2Fimage.png?alt=media&#x26;token=bdf907ce-37b1-4785-bca6-416fa84002d6" alt="Choose your data source" data-size="original">

5. Give your table a **Name**\ <img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FGpO2dy3BznyMKJYBZx1P%2Fimage.png?alt=media&#x26;token=e6516bd3-a8f0-43e7-a693-c0edb3a91921" alt="Name your table" data-size="original">

6. On the **Fields** tab you can add or enter more fields\ <img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2F1KBPPE98z0Nk4tRs9fG9%2Fimage.png?alt=media&#x26;token=71c2c32d-cded-4ebc-a6e4-4c91339a9b1d" alt="Edit your fields" data-size="original">

7. On the **Data** you can add more items with the **Add item** button in the top right corner or **Edit** a row by double clicking on it.\
   ![](https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2Ft2jGJ1ZGiI1CeJpiZapL%2Fimage.png?alt=media\&token=9eb6b8d3-2b3b-42c4-967a-e43df9e3e0a8)

8. After creating a table, you will need to open the **Content** tab in the left side navigation&#x20;

9. Click the red **+block** Button&#x20;

10. Select the **Advanced** tab

11. Click **Add this block**

12. **Select the Table** you just created to show the information from the Table you just created in your block.

### Edit Table

1. Select the **Data** tab in the left side navigation.
2. Select the right table in the **AppMachine Table** section\ <img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FabIGPPA5CfryuYwcj4Ru%2Fimage.png?alt=media&#x26;token=ef1bc491-7e31-4f7e-b296-a3e96006f14a" alt="Select AppMachine Table" data-size="original">
3. Select the **Fields** tab if you want to checkout, edit or add the configuration of the table or select the **Data** tab if you want to checkout, edit or add rows to the table.

## Show data in your app

After you have configured your data, you can add blocks to your app to make the data visible

1. Open the **Content** tab of your app
2. Click the red **+ block** button
3. Select the **Advanced tab**
4. Select the **List** to show a list of items in a screen. The detail page will be added automatically\ <img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2F1FVPSJJqDRLudnU8fH8p%2Fimage.png?alt=media&#x26;token=3e6aa7d3-0111-41ec-8a60-2b539f8c4c27" alt="" data-size="original">
5. Click **Add this block**&#x20;
6. Select the right data table
7. In your app a green List block will be added with a detail page below it.&#x20;
8. On the List block you can Enable or disable information to show in the list using the switches. \ <img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FBjuyJc8TIiTksNldHZXk%2Fimage.png?alt=media&#x26;token=5bd916ce-3dc8-419d-8809-a3c93f68fe76" alt="" data-size="original">
9. For advanced editing, select the **Elements** tab in the left top corner. [This article](https://docs.appmachine.com/style-your-screens/elements) explains to you how to use the element editor to fine tune the design .\ <img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FLEniaXImfwvNsKUpa569%2Fimage.png?alt=media&#x26;token=e21fa80b-7cd5-4c80-8a75-c845bf6b399d" alt="" data-size="original">
10. You can finetune the Detail page in the same way.
