Changing a display mode
Changing the default display mode
File Manager provides the following display modes for viewing files:
- cards: this mode displays files as tiles
- table: in this mode you can view files list with files details, such as file size and its creation date
- panels: in this mode you can view files in two separate panels, which enables you to open two different folders and work with them simultaneously.
- search: only search results are displayed
The cards display mode is set by default. To change the default display mode, use the mode
property.
<script>
import { Filemanager } from "wx-svelte-filemanager";
import { getData, getDrive } from "./common/data";
</script>
<Filemanager
data={getData()}
mode={"table"} />
Disabling the change of modes
The widget API allows keeping only one view mode in GUI by disabling the switching of modes. To block the modes switching, apply the set-mode
action by returning false from the callback function.
Example:
<script>
import { Filemanager } from "wx-svelte-filemanager";
import { getData, getDrive } from "./common/data";
let api;
$: if (api) {
api.intercept("set-mode", ({ mode }) => {
console.log(`New mode: ${mode}`);
return false; //block the change
});
}
</script>
<Filemanager
bind:api
data={getData()}
drive={getDrive()}
mode={"cards"} />