Filemanager Icons

Webix JS
#1

With the new version 6.0 the icons are redefined.
Now I want set icons in the filemanager context menu. But I can’t find icons for download and refresh(sync). What must I do in the menu to get these icons?

My code:

var newData = [{
		id: "create",
		method: "createFolder",
		icon: "fm-folder",
		value: webix.i18n.filemanager.create
	}, {
		id: "download",
		method: "download",
		icon: "fm-download",
		value: "Download",
		batch: "file"
	}, {
		id: "refresh",
		method: "refresh",
		icon: "fm-refresh",
		value: webix.i18n.filemanager.refresh
	}
];
this.getMenu().clearAll();
this.getMenu().parse(newData);
#2

Hello,

Webix provides two predefined sets of icons depending on the used skin:

  1. Webix Awesome Icons for Flat, Compact and Contrast skins - based on Font Awesome 5 collection

  2. Webix Material Icons for Material and Mini skins - based on Material
    Design Icons     collection

Please check the information
https://docs.webix.com/desktop__icon_types.html

Check the related sample to see the list of available default icons:
https://snippet.webix.com/honyfqgt

#3

Thanks for the links.
But I can’t used this in the filemanager with the context menu.
What must I write for the icon? The ‘fm-folder’ is okay for font awesome but ‘wxi-folder’ not.

#4

Oh, sorry, I got it

To show the icon for ‘download’ you need to add fm-to the name of the icon.
like this:
icon:"fm-..."
Sample: Code Snippet
We will correct it in the documentation.

Сoncerning to the ‘refresh’, so there is you need to add
icon:"webix_icon wxi-refresh"
We found a bug and it’s already fixed. So the fix will be in the next release(end of February).

#5

Thanks again.

But I don’t get a icon with ‘fm-download’ or ‘webix_icon wxi-refresh’.
I hope that is working at the end of February.

#6

But I don’t get a icon with ‘fm-download’
hmm, that’s work in my snippet
I should clarify, that ‘fm-…’ with the value will appear only if you click on the file because of batch:“file” .
Anyway, we will investigate the problem.

#7

In the snippet you take ‘fm-file’ for icons. But I want ‘fm-download’ or a symbol of download not file.
And I know that with the batch.

#8

Yes, icons which are not by default in filemanager can’t be shown right now.
It will be possible in the next release.
sorry for the inconvenience.

#9

As a workaround:
https://snippet.webix.com/34xp1ayp

#10

Okay, I look at that. That could be help.

#11

@Nastja i have one doubt, where are the icons of the family fm?. I want to check all the icons

#12

Hey @Dalaz, you can find some of the fm- family icons in this article - https://docs.webix.com/file_manager__configuration.html#actionsmenu. We’ll update our documentation in the near future including all of the icons you can use.
Meanwhile, you can take a look at the default icons available in Webix and use them within the file manager: https://snippet.webix.com/honyfqgt.

#13

A bit better alignment can be achieved by rotating the fm-upload icon. Check out this example: https://snippet.webix.com/nae1hdsr