Filemanager: change tree view position

Webix JS
#1

Hey guys,

Afaik filemanager has this structure:

<Filemanager>
  <Toolbar />
  <Main Area>
    <Tree View />
    <Files View />
  <Main Area/>
<Filemanager />

According to this structure Tree View stands right below the Toolbar. We would like to move toolbar closer to Files View and set Tree View right to the top of the page in order to save vertical space.

Is it possible to reconstruct the filemanager so it would look like the following:

<Filemanager>
  <Tree View /> // moved out of Main Area
  <Main Area>
    <Toolbar /> // moved to Main Area
    <Files View />
  <Main Area/>
<Filemanager />

Thanks.

#2

Hello @Dennis,

While it is possible to modify the layout of a complex widget in some ways (i.e. you can add extra views, sometimes remove the existing ones), the modification you require doesn’t seem plausible (as far as I can tell).

Generally, the UI of any complex widget can be modified with the help of the onViewInit event handler (for example - https://snippet.webix.com/gzke52mm). In your case, the toolbar and the main view area lie completely separate of one another, meaning you can’t access one or the other view during their respective initialization. Even if it was possible to move the views around like that, there is a chance that the inner logic might break.

Overall, File Manager is a complex widget, which means that is already setup in a certain way, and its core layout/functionality shouldn’t be altered.

Also, here is a more in-depth look at the file manager structure, in case you haven’t seen this yet - https://docs.webix.com/file_manager__configuration.html.