FileManager Context Menu is displaying horizontally not vertically
We have an issue where the context menu on the Javascript FileManager control is displaying horizontally and not vertically. Is this because we have an issue with the installation or have we not included a css file on the page? This is in a WebForms solution using Visual Studio 2019. Actually there appears to a small issue with the styling of the column headers as well (slightly truncated at the top!)
We have the following css and js files included. Is this correct and could/should they be loaded from local resources instead?
"https://cdn.syncfusion.com/ej2/ej2-filemanager/dist/ej2-filemanager.umd.min.js"
"https://cdn.syncfusion.com/ej2/ej2-filemanager/dist/global/ej2-filemanager.min.js"
"https://cdn.syncfusion.com/ej2/ej2-filemanager/styles/material.css"
"https://cdn.syncfusion.com/ej2/material.css"
"https://cdn.syncfusion.com/ej2/dist/ej2.min.js"
SIGN IN To post a reply.
4 Replies
Hi James,
Greetings from Syncfusion support.
We have checked your shared scripts and styles link. We would like to let you know that when you refer ej2.min.js script file in Site.Master.cs , then there is no need to refer the individual FileManager script file as ej2.min.js file scripts required to render all the EJ2 components. Similarly, there is no need to refer the FileManager CSS file, when referring the common material.css.
Refer the below link , it contains all the EJ2 component script and styles.
|
<link rel='nofollow' href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet" type="text/css" />
|
Refer the below code snippet to render the FileManager component.
|
<!DOCTYPE html>
<head>
<link rel='nofollow' href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Add the HTML <div> element -->
<div id="filemanager"></div>
<script>
var hostUrl = 'https://ej2-aspcore-service.azurewebsites.net/';
// initialize File Manager component
var filemanagerInstance = new ej.filemanager.FileManager({
ajaxSettings: {
url: hostUrl + 'api/FileManager/FileOperations'
}
});
// render initialized File Manager
filemanagerInstance.appendTo('#filemanager');
</script>
</body>
</html> |
If you want to refer the only FileManager dependencies script and style links in your application then please refer the below documentation.
Also, you can use Syncfusion EJ2 CRG to generate scripts and styles for individual components or you preferred EJ2 components.
You can download the individual component using CRG. Refer the below link.
Refer the following link to know more about CRG
You can customize the entire accent color of the file manager component by using EJ2 theme studio
Refer the following link to know more about EJ2 Theme Studio
Refer the below screenshot.
Refer the sample link below.
Refer the below link to know more about the FileManager component.
UG Documentation – https://ej2.syncfusion.com/javascript/documentation/file-manager/es5-getting-started/
Please let us know, if you have need any further assistance.
Regards,
Sowmiya.P
SIGN IN To post a reply.
