# Grouping

Allows the user to group related items or content together. For example, grouping can be used to display multiple blocks of information together.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2F2ysrMHaFo30uHNDthnqw%2FScreenshot_1.png?alt=media&#x26;token=c361a3e7-35b4-4377-880b-36a7bbbc6aec" alt=""><figcaption></figcaption></figure>

#### Double-click on an element to view its settings.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FjN3jP8DVw8T6ywh66ZKp%2FScreenshot_2.png?alt=media&#x26;token=21e36e75-488d-4be3-b66c-0eec2e120019" alt=""><figcaption></figcaption></figure>

### 1. Add group item

To add a new group, click on "**Add**" button placed in the element settings

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2Fheq77qxzA8IQRJnnRQBM%2FEditor%20-%20Google%20Chrome%202024-03-07%2014-48-46.gif?alt=media&#x26;token=70ea58cf-6c3c-4eff-982b-8ffc12229011" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Maximum number of groups is 4
{% endhint %}

### 2. Add correct answer to a group

Choose the group where you want to insert the correct answer, and then click on the "**add**" button located within that group.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2F39gUUzCJC0Aji85crBlx%2FEditor%20-%20Google%20Chrome%202024-03-07%2015-56-42.gif?alt=media&#x26;token=e1df9622-96a8-4fa2-9778-93192f3ab9f4" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Maximum number of elements in a group is 5
{% endhint %}

### 3. Edit answer

To edit the answer, add a text and image in the selected group settings.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FlHu9wrcLkWFMn5wfKXO4%2FEditor%20-%20Google%20Chrome%202024-03-07%2015-56-54.gif?alt=media&#x26;token=a1afb4f8-b559-44f6-9abe-f228d1976e55" alt=""><figcaption></figcaption></figure>

### 4. Delete answer

To remove answer from the group, select the **"delete"** option in the selected group settings.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FlncHz0fFfgU41AIQ22J2%2FEditor%20-%20Google%20Chrome%202024-03-07%2016-04-40.gif?alt=media&#x26;token=ae1fb76d-00af-4dd4-bee4-fa07cc42af02" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

{% endhint %}

### 5. Delete group

To remove a group, select the **"delete"** option in the element settings.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FAEM3COYXAuBjNj686NGC%2FEditor%20-%20Google%20Chrome%202024-03-07%2014-49-09.gif?alt=media&#x26;token=e24545b1-0c16-439f-8bb0-17dd610f15a0" alt=""><figcaption></figcaption></figure>

### 6. Duplicate group

To duplicate a group, select the **"duplicate"** option in the element settings.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FJkkhcu2U0eIeGIOIN9eW%2FEditor%20-%20Google%20Chrome%202024-03-07%2014-49-23.gif?alt=media&#x26;token=66a12b37-ce00-493e-9e9f-e029df2408b0" alt=""><figcaption></figcaption></figure>

### 7. Move group

To move a group, just drag the group to where you want it to appear.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FjquSG4IqokCxpvuUlxoT%2FEditor%20-%20Google%20Chrome%202024-03-07%2015-44-04.gif?alt=media&#x26;token=ac3edd6c-8e0e-45e5-ba28-adfb8dd5ec88" alt=""><figcaption></figcaption></figure>

### 8. Upload group cover image.

To upload group cover image, To change the image, click on the image file's name and select or [upload ](https://help.parta.io/editor/edit-elements/set-interactive-elements/broken-reference)new image.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FNRzshH446FX3lSgGt6jd%2FEditor%20-%20Google%20Chrome%202024-03-07%2015-44-35.gif?alt=media&#x26;token=1f8ad93e-ab0f-4810-945d-23381221f7a2" alt=""><figcaption></figcaption></figure>
