We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Experiencing Difficulties with

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

1 Reply

SG Shyam G Syncfusion Team July 20, 2015 05:01 AM UTC

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.


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

Here is the code snippet

Code snippet:




            width: 600px;

            height: 400px;

            float: left;


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

                    <div class="symPalette_section">

                        <div id="symbolpalette">


Please let me know if any concerns.

Shyam G

Live Chat Icon For mobile
Up arrow icon