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.
Unfortunately, activation email could not send to your email. Please try again.

Experiencing Difficulties with

Thread ID:

Created:

Updated:

Platform:

Replies:

119642 Jul 17,2015 02:50 AM Jul 20,2015 01:01 AM JavaScript 1
loading
Tags: ejDiagram
Myungjin Cho
Asked On July 17, 2015 02:50 AM

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 [Syncfusion]
Replied On July 20, 2015 01:01 AM

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


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;