VidiEditor Layout [VE UG]
The VidiEditor user interface is completely web based and does not require any installations on the client computer. The design focuses on laptop and desktop usage directly in a web browser.
![](../../__attachments/2359952718/image-20200928-113748.png?inst-v=c263b046-0db3-4e5e-9b28-d475c958150e)
As screen sizes and zoom levels in the operational system differ a lot, the VidiEditor offers two different views depending on the viewport and allows the user to dynamically adjust the size of different elements in the user interface.
![](../../__attachments/2359952718/image-20200928-114035.png?inst-v=c263b046-0db3-4e5e-9b28-d475c958150e)
Workspace Layouts
A user can choose between:
Editing Layout
![](../../__attachments/2359952718/image-20220207-084831.png?inst-v=c263b046-0db3-4e5e-9b28-d475c958150e)
Optimized for quick access to media that is frequently selected in the media management area and then added to timeline and source player.
2. Media Management Layout
![](../../__attachments/2359952718/image-20220207-084941.png?inst-v=c263b046-0db3-4e5e-9b28-d475c958150e)
Optimized for smaller screens that have a limited usability on the the search having a long result list of items.
Default
The default layout of VidiEditor is responsive and depends on the viewport size. Depending on the set display zoom (operational system) and the screen resolution the user will on default see editing or media management view.
Anyhow, this can be switched easily in VidiEditor settings:
![](../../__attachments/2359952718/image-20220207-085106.png?inst-v=c263b046-0db3-4e5e-9b28-d475c958150e)
Note: When switching the workspace layout in an active project the VidiEditor resets the view. Therefore, the player and search results will be resets and the user needs to load media in the player again and needs to execute a search again.
Dynamic sizing
As users need to focus on different parts during an editing project like video / audio tracks or the search the VidiEditor allows to adjust different parts dynamically. Those are following options:
Resize between Players and Timeline via drag and drop
Resize between graphical tracks and audio tracks in timeline via drag and drop
Resize between voice over track and audio tracks in timeline via drag and drop
Resize media management area via drag and drop
Collapse / expand media management area
The following tutorial video covers several of these aspects: Tutorial: Dynamic UI Sizing.