# People

You can also add contact information, descriptions and photos of people in the list. Clicking on one of the people in the list opens a new screen with more information about that person.

This is an excellent way of introducing colleagues, committee members, or, perhaps, the speakers at an event that you're organising. You could even list the employees of the month or award winners in this building block.&#x20;

### **Adding the People building block** <a href="#add" id="add"></a>

1. Click on **+ Block**.
2. Select the **People** block and click **Add this block**.
3. Fill in the **name** of the block.<br>

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FpFizITBdlQbs0PEqPEM7%2FScreenshot%202022-12-05%20at%2015.46.44.png?alt=media&#x26;token=b0c6d43d-98ce-41dc-99be-479f896f3e8f" alt=""><figcaption></figcaption></figure>
4. Click on the **icon** if you want to change the image used in the menu.
5. When you’re done, click **Add this Block**.

### **Editing the content of the People block** <a href="#content" id="content"></a>

Edit the content in the **Data** section of your People block.

#### **Adding new content**

1. Select the **People** block in your app.
2. Select the **Data** tab.
3. Click on the **+ Add new item** icon to add new content.<br>

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FhDCN7cmNIVJeSpXbTl8O%2FScreenshot%202022-12-05%20at%2015.47.05.png?alt=media&#x26;token=5c32a89f-5836-46e0-be91-f1a586143498" alt=""><figcaption></figcaption></figure>
4. Enter the details for the person profile you'd like to ad&#x64;**.**<br>

   <figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FMTvgWiHpcrcpXVRmoZJC%2FScreenshot%202022-12-05%20at%2015.50.21.png?alt=media&#x26;token=b370a950-09be-44c1-88e2-06cf8a3a02e8" alt=""><figcaption></figcaption></figure>
5. Save your entry by clicking **Save**.

#### **Editing your content**

Hover the cursor over an existing entry to edit, rearrange or delete it.

* **Edit**: select the pen icon and edit the content. When you're done click on **Save**.
* **Rearrange**: grab the handle on the left side of your entry to rearrange the order it will be displayed in the app.
* **Delete**: click on the garbage can to delete the entry from your block.

### **Configuring the People block** <a href="#configure" id="configure"></a>

The **People** building block editor is composed of three editing screens; Settings, Data, and Design.

The settings in the **Settings** editing screen determine how your block will function, **Data** allows you maintain the content of the block, and the settings in the **Design** screen determine its aesthetics.

#### **Settings**

There are several aspects of your **People** block that can be changed in this screen:

* The **name** of the block
* The **icon** (or image) that will be used in the app menu
* The **top image** for the People screen
* Whether you'd like the descriptions shown in the list.
* Enable featured items.
* Allow users to be able to **share** the events via twitter, Facebook, or email

<figure><img src="https://2636455530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wzy1sO41plYrfJfaAhN%2Fuploads%2FbH3KhwLjzSMENHmloOqW%2FScreenshot%202022-12-05%20at%2015.54.30.png?alt=media&#x26;token=4eead514-8374-45d9-9c7d-007fad32a6f8" alt=""><figcaption></figcaption></figure>

Should the need arise to keep the users of your published app from using this portion of the app, then you can always make use of the **ON/OFF**  selector.

Slide the selector to **OFF** to keep users from seeing the **People** block. Now you can continue developing your app without worrying about users coming upon areas that you haven't finished developing as of yet. Once you are satisfied with your progress, change the selector back to **ON** to publish this portion of your app.

#### **Data**

This is where you add the products to your list.

#### **Design**

The Design screen allows your to make highly detailed changes to your building block. **Design** gives the developer a remarkable amount of freedom to adjust everything exactly as he or she would like it.
