Folder name doesn't display properly in a icon view in file manager

Hi,

I have big folder name but in icon view for file manager the folder name doesn’t
display the entire name instead it shows some part of it. Can you please help me out on this

Hi,

Icon view displays 30-40 characters. What is the maximum number of characters you want to display ?

You can customize item height/width to show more characters:


// increase height of items to show 3 lines of text
webix.type(webix.ui.dataview, {
	name:"MyFileView",
	baseType: "FileView",
	height: 130
});

// or
// increase width of items to show more chars in a line

webix.type(webix.ui.dataview, {
	name:"MyFileView",
	baseType: "FileView",
	width: 170
});

// apply a new type for "files" view

webix.ui({
	view:"filemanager",
	id:"files",
	on:{
		onViewInit: function(name,config){
			if(name == "files")
				config.type = "MyFileView";
		}
	}
});

Thanks for the reply maria.

There is no specification of the characters limitation. It may be too long also.
Irrespective of the size of the folder name it should display as the same way windows folder does. And just one more name:“MyFileView” is the ID up here but we dont have ID specific grid like that.

I am completely new bie to WEBIX. Please let me known if my understanding is wrong. Thanks once again

DataView, that is used in “icons” view, does not allow to use different sizes for its items. So, there is not possibility to display icons the same way as Windows folder does.

Okay,

webix.type(webix.ui.dataview, {
name:“MyFileView”,
baseType: “FileView”,
height: 130
});

wht is the name for you over here

MyFileView is the name of the item type that is set for “files” view. Please see the code I posted in the previous reply.

Thanks maria. This may not solve my problem . Can you please let me known how to set tooltip for the folder name on mouse hover on the folder icon.

You can add “tooltip” property in the “files” configuration:

view:"filemanager",
on:{
	onViewInit: function(name,config){
		if(name == "files")
			config.tooltip = {
				template: "#value#"
			};
	}
}

Thanks a lot Maria, It was great help.