Experiencing Difficulties with

[Quintet]

The palette described in the document has a wide width 

with icons (nodes or connectors) displayed in rows 

but even if I add the width value the width size of the palette does no t change 

  palettes: palettes, 

               diagramId: $(bodyDiv).attr('id'), 

              height: "100%",

              width: "100%",

              paletteItemWidth: 45,

              paletteItemHeight: 45,

              showPaletteItemText: true,

              headerHeight: 30,

              allowDrag: true,

              selectedPaletteName: "Basic Shapes", showP

May I have an example where palette has wide width so the items can be views in rows(horizontal). 

Attachment: 2_7e83d76e.zip

[Shyam G]

Hi Maverick

Thanks for using Syncfusion products.

Please note that the palette items is arranged based on the width and height of the palette.  You have set an width and height of the palette in the percentage. We suggest you to change the width and height of the palette in pixel  or please change the width and height of the parent element in the pixel to achieve your requirement. please refer the sample below.

Sample:http://www.syncfusion.com/downloads/support/forum/119642/ze/sample550109545

In the above sample, we have set an width and height of the parent element in pixel.

Here is the code snippet

Code snippet:

<style>

        .symPalette_section

        {

            width: 600px;

            height: 400px;

            float: left;

        }
    </style>

<!--symPalette_section is the parent element-->

                    <div class="symPalette_section">

                        <div id="symbolpalette">

                        </div>
                    </div>

Please let me know if any concerns.

Regards,
Shyam G