> ## Documentation Index
> Fetch the complete documentation index at: https://docs.paradime.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Flexible Layout

> Customize the Paradime Code IDE layout: drag panels anywhere, split editors side by side, and reset to the default arrangement in one click.

export const Arcade = ({src, title}) => <div style={{
  position: 'relative',
  paddingBottom: 'calc(56.2225% + 41px)',
  height: 0,
  width: '100%'
}}>
    <iframe src={src} title={title} frameBorder="0" loading="lazy" allow="clipboard-write" allowFullScreen style={{
  position: 'absolute',
  top: 0,
  left: 0,
  width: '100%',
  height: '100%',
  colorScheme: 'light'
}} />
  </div>;

The Code IDE is composed of modular widgets with draggable dock layouts. You can drag widgets from any area of the application window to any other area. For example, you can drag the Git panel to the right side of the screen instead of having it on the left, or drag file tabs to create side-by-side editor groups.

<Arcade src="https://demo.arcade.software/yRrecMCG0mN70T6Hq63T?embed&embed_mobile=tab&embed_desktop=inline&show_copy_link=true" title="Flexible layout" />

### Reset widget position

To reset a widget to its original position you have a few options:

* Drag the widget back to the default position
* Close the widget using the `x` in the widget tab
* Click **Reset editor layout** in the status bar to restore the entire default layout
* Use the keyboard shortcuts below

| Widget         | MacOS | Windows  |
| -------------- | ----- | -------- |
| Explorer       | ⌘⇧E   | Ctrl+⇧+E |
| Find & Replace | ⌘⇧F   | Ctrl+⇧+F |
| Git            | ⌘⇧G   | Ctrl+⇧+G |


## Related topics

- [Preferences](/products/code-ide/write-code/preferences.md)
- [Write Code](/products/code-ide/write-code/index.md)
- [Block Diagrams](/integrations/mermaid-js/block-diagrams.md)
- [Editing YAML in the UI](/products/bolt/creating-schedules/schedules-as-code/editing-yaml-schedules-from-the-paradime-ui.md)
- [Schedules as Code](/products/bolt/creating-schedules/schedules-as-code/index.md)