Folder LoadXML

I want to use the Folder control in a shopping cart. I was trying to do a simple example to prove the concept, but I keep getting the error:

Error type: LoadXML

Description: Incorrect XML

I don’t see what’s wrong with the XML. Can you please look at the following and tell me what I need to do?

Thanks for your help.

XML Data:


        Stock Number 100







        Stock Number 200







<xsl:stylesheet version=“1.0” xmlns:xsl=“”>

<xsl:template match=“item”>







<xsl:value-of select=“description”/>

        Item ID:<xsl:value-of select=“itemid”/>

        List Price: $<xsl:value-of select=“listprice”/>

        <xsl:if test=“listprice > custprice”>

Your Price: 
<xsl:value-of select=�custprice�/>



HTML File:


Shop Folder

There are some issues in your xsl.

This xsl should generate the correct xml: all tags must closed.

Attributes should be set as follows:

<xsl:attribute name=“src”>images/<xsl:value-of select=“image”/></xsl:attribute>

Thanks.  I’m new to XSL so I didn’t know about the attributes.

I inserted the change you suggested and still get the same error.  I don’t see any tags that are not closed.  Attached are the three files so you can see the error. 

I’m really looking forward to seeing this work.  Thanks in advance for your help.

wishopfolder.htm (1.33 KB)
folderitem1.xsl (720 Bytes) (343 Bytes)

For example, there are the following unnecessary tags .
is also not closed.

Please, see the examples of xsl in the documentation : dhtmlxFolders/codebase/types/

OK.  I was able to get an XSL file that worked.  Thanks.

But I don’t know how to have multiple columns per page such as your eshop example that shows two columns of books.  The folder items are put in a single column.  If I expand the number of items per page they simply continue down below my paging area instead of wrapping to a new column. 

How do I get the items to wrap to a second column on a page?  For example, 4 items will fit vertically on a page - I could fit 12 items on a page if they would display in 3 columns.  How do I get the twelve items to display in 3 columns?


The component defines layout of items automatically. The folder container doesn’t have horizontal scroll.

If a width of a next item doesn’t allow to place it in the same row with previous one. The item will be moved to the next row.

I’m not getting the result I think you’re describing.  You seem to be saying that the component automatically puts items in horizontal rows, and that I will get rows as long as there is room.  I have attached my example.  It seems to have plenty of room to put multiple items on a row, but it shows only a single item per row.  I have tried changing sizes within my XSL and for the folder container but cannot get more than one item in a row.  I don’t see where the size limits my items to one per row, but I might be missing it.  Can you please tell me why my example will not put multiple items on a row?

Thank you.

wishopfolder.htm (4.04 KB)
foldershop.xsl (1.79 KB) (534 Bytes)

Try to add next style to the page where folders used


Thanks for your help so far.  I’ve made a lot of progress.

By adding the style you suggested I was able to get the items to go across as rows.  Now I have two additional issues:

  1. When I click on an item in the folder the folder items rearrange themselves and no longer display as even rows.  This doesn’t fix itself unless I reload the folder xml.  I’m using an “onclick” event within the XSL - it works OK but the display is messed up.
  2. How can I have two user styles?  I used the xml_generic type for my first type, but I want to have both a brief and a detailed view of the same data.  The size of the display for each item needs to be different (for the brief I will use the style you suggested - for the detailed version I want one item per row).  If I use xml_generic as the type I can’t get different styles for my two XSL files.  I am using the following functions to switch, but the style you suggested gets applied to both.  I tried doing a style for xml_generic1_item and xmlgeneric2_item but this didn’t work at all.  How can I use XML_GENERIC for two different XSL files?

    function viewBrief()  {
        myFolders.setItemType(“xml_generic”, “foldershop.xsl”);

      function viewDetails()  {
        myFolders.setItemType(“xml_generic”, “folderdetail.xsl”);

  1. There is a pair css style , which describes selected element

    .dhx_folders_GENERIC_item_selected, .dhx_folders_XML_GENERIC_item{

Thank you for answering issue 1 - by adding the selected pair my screen now longer jumps around.

What about the second issue?  I specifically want to have two xml_generic types, the first one with the attributes above and a second one with a wider width.  Is there a way to have two generic types that use different styles?