# Drag-and-Drop & Multiselect

Enhanced editing experience provides intuitive interaction with the post content. You can select multiple items not only with hotkeys but also by dragging the mouse cursor diagonally. Content elements, such as grids, images, or paragraphs, can be moved and placed in the other part of the article with a special drag handle on the left-hand side.

{% hint style="warning" %}
Currently, multiselect is available for all CMS-s. Drag-and-drop experience is available on all CMS-s except for the [Gutenberg WordPress Editor](/help-center/integrations/setka-and-wordpress/setka-editor-and-wordpress-compatibility.md#is-setka-editor-compatible-with-gutenberg). We'll release the version with the drag-and-drop experience compatible with the Gutenberg WordPress Editor soon. Stay tuned.&#x20;
{% endhint %}

## Multiselect

The multiselect feature lets you select multiple elements with the drag of the mouse. Then you will be able to apply some formatting or editing in bulk. E.g.:

* Select multiple elements to [arrange them into a new grid](https://setka.gitbook.io/help-center/setka-post-editor/pages/-MQNP9oF4bOVE1oXgnrg#How_to_create_a_grid?).&#x20;
* Move multiple elements around as you test out different layouts.
* Select multiple elements to create a [component](/help-center/content-design-system-manager/components.md).&#x20;
* Select the headers across multiple columns to [change the text format](/help-center/setka-post-editor/text-editing.md#h_7c1a4077-732f-46c5-874f-b4a836a5c559) for all of them at once.&#x20;

### How to use multiselect

To select multiple items, click the left mouse button, hold it down and start dragging. A transparent blue selection box will appear. Drag this over the areas you want to select — anything touching the rectangle will be selected:

{% embed url="<https://drive.google.com/file/d/1-L2Aqr4HwdRmgDuMi_exfXjABksaATGr/view?usp=sharing>" %}
Selecting multiple elements
{% endembed %}

{% hint style="info" %}
If something is missed after the mouse button is released, use CMD/CTRL+Click to add more elements to the selection.
{% endhint %}

You can then use any feature to edit all of the selected fields at once, including:

* Adjusting [alignment](/help-center/setka-post-editor/text-editing.md#h_31807ab1-248e-4656-a600-96475fb66f1e) and [indents](/help-center/setka-post-editor/text-editing.md#h_af79bdfd-d483-416a-9c6b-aa071977a071).
* Changing [text formatting](/help-center/setka-post-editor/text-editing.md#h_8c5eb313-9a8a-43d3-b629-36bda13e50be).
* Adding bold, italic, or underline styling to the text.
* Tweaking [colors](/help-center/content-design-system-manager/text-and-background-colors.md).
* [Changing grids](/help-center/setka-post-editor/grid-modules.md).
* Adding a [list](/help-center/setka-post-editor/lists.md).

## Drag-and-drop

The drag-and-drop feature makes it easier to move elements within an article.

### How to use drag-and-drop

Once an element in an article is selected, you will see the white drag handle with dots on the left-hand side. Grab this handle with the mouse to move the element inside the post. It can be either a single element or multiple pieces of content.

![Drag handle on the paragraph](/files/-MUt3RvMoj2fxrDNM2mU)

As you drag the elements into different grids on the page, a long purple line will denote where you are placing the element or elements. Thus you can make sure you’re dropping in the right spot. There are three options for how you place the element you’re moving in relation to existing elements.&#x20;

* If the purple line is at the top of the existing element, the items will go above it, pushing that element down.
* If the line is in the middle, the items you’re moving will replace that element.
* If it’s towards the bottom, the items you’re moving will go below that existing element.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://setka.gitbook.io/help-center/setka-post-editor/drag-and-drop-experience.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
