> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Reorder with drag and drop on Fillout

> Easily reorder form pages and field options for multiple choice, dropdown, checkboxes & picture choice questions with drag and drop.

## How to reorder pages

Simply drag pages in the bottom toolbar and position them in the order you would like the form pages to be shown.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/KaRHLex9fqtFXaSO/images/guides/image-92.gif?s=ceddf12960309c28d42f8eff969f6d6a" alt="Reorder pages using drag and drop" style={{ width:"69%" }} width="800" height="54" data-path="images/guides/image-92.gif" />

<Warning>
  You cannot put any page before a cover page and after an ending page. Reordering is also disabled if you have added [branching](/page-logic) logic to your form.
</Warning>

## How to reorder questions or field options

This can be applied to **Multiple choice**, **Dropdown**, **Checkboxes**, and **Picture choice** field types.

**Multiple choice**

Drag the options in the center of the screen to reorder choices.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/KaRHLex9fqtFXaSO/images/guides/image-93.gif?s=8973c503af50f2852381376ac7bd2fd3" alt="uides" style={{ width:"64%" }} width="800" height="331" data-path="images/guides/image-93.gif" />

**Dropdown and multi-select**

Click the field's <Icon icon="gear" iconType="solid" /> to open the right-hand panel. Drag options there to reorder them.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/KaRHLex9fqtFXaSO/images/guides/image-94.gif?s=e7ce6653983e4200b9ad685c41dd1493" alt="Reorder dropdown options" width="800" height="183" data-path="images/guides/image-94.gif" />

**Checkboxes**

Hover towards the right side of the checkbox option you want to reorder then drag <Icon icon="grip-dots-vertical" iconType="solid" /> to where you want the option to be placed.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/KaRHLex9fqtFXaSO/images/guides/image-95.gif?s=1f829e5c48e6553c5b4b85df7c82e505" alt="Reorder checkboxes" style={{ width:"66%" }} width="800" height="414" data-path="images/guides/image-95.gif" />

**Picture choices**

Simply drag the picture of choice you want to move and drop where you want it to be placed.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/KaRHLex9fqtFXaSO/images/guides/image-96.gif?s=3ae68585bd16b14cdca324c928d57c00" alt="Reorder picture choices" style={{ width:"68%" }} width="800" height="438" data-path="images/guides/image-96.gif" />
