# control-order

{% hint style="info" %}
**Version compatibility**

`control-order` was introduced in version **4.86.1** of the JourneyApps Runtime.
{% endhint %}

**Optional**

**Type**: `left-to-right`| `right-to-left`

**Default**: `left-to-right`

Specify the order of the individual controls within the media component.

#### Example - `control-order` on `capture-file`

{% code title="main.view\.xml" %}

```xml
 <columns>
    <column>
        <info>control-order="left-to-right"</info>
        <capture-file control-order="center" bind="my_file" label="" downloadable="true" />
    </column>
    <column>
        <info>control-order="right-to-left"</info>
        <capture-file align-controls="left" bind="my_file" label="" downloadable="true" />
    </column>
</columns>
```

{% endcode %}

<figure><img src="https://2865107717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9TCHLR67eLHBOjPvHhud%2Fuploads%2FhHo9uXeUcnuNtAnvCHOO%2Fimage.png?alt=media&#x26;token=84f12d62-db77-4010-99f5-446e72552a02" alt=""><figcaption></figcaption></figure>