Folder View does not work
Folder View does not work into the browser. It shows only unordered list.
Answer:
There could be several causes for this problem:
- The JavaScript of your browser is disabled.
In order to view the Folder View make sure that the JavaScripts are enabled
- The JavaScript and CSS files of the Folder View are not uploaded or the path to them is not correct.
The CSS files are situated into dmxTree sub-folder of styles folder in your site. Make sure all the content and sub-folders of dmxTree are uploaded at your server.
The JavaScript files are situated into ScriptLibrary folder. Folder View use the following JavaScript files: jquery-latest.pack.js and dmxFolderView.js.Make sure that they are also uploaded to your server.
If all the files are successfully uploaded at you server check the paths. For example:
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/dmxFolderView.js"></script>
<link rel="stylesheet" type="text/css" href="styles/dmxTree/Default/treestyle.css" />
Notes: If you use Firefox browser, you could try Firebug Add-on to check if all required files are available. See the following picture:
For downloading Firefox and Firebug check the following links: www.getfirefox.com www.getfirebug.com
- The Id of your JavaScript does not correspond to the list or Folder View include spaces.
The code into the following example will NOT work (objId and Id contain space character):
<script language="JavaScript" type="text/javascript">
<!--
dmxListToTree({
bullets : 'plusminus',
icons : true,
struct : false,
objId : 'Folder View' //<- invalid name (contains spaces)
});
//-->
</script>
<ul class="dmxtree" id="Folder View">
Note: In order to work, both Id of the list and objID should NOT contain any illegal characters and should match exactly.
Comments
Script calls...
It seems that the two script calls...
<script language="javascript" type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="ScriptLibrary/dmxFolderView.js"></script>
MUST be in the head otherwise it breaks. I wanted to put them inside the body, but this stopped it from working.
You must me logged in to write a comment.