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.

Symbol Palette

Thread ID:

Created:

Updated:

Platform:

Replies:

127427 Nov 15,2016 08:19 AM Nov 22,2016 06:37 AM ASP.NET MVC 9
loading
Tags: Diagram
indrani Gajjarapu
Asked On November 15, 2016 08:19 AM

Hi,

I am working on Symbol Palette which doesn't give any compile errors or console errors but not rendered properly..

I have replicated the issue in sample attached. 

I have removed the bin folder to decrease the file size.

Please give me a work through this

Attachment: SyncfusionMvcApplication3_e0c64bfd.7z

indrani Gajjarapu
Replied On November 15, 2016 08:53 AM

Here is the bin folder if u need

Attachment: bin_c52b8be2.zip

Shyam G [Syncfusion]
Replied On November 15, 2016 07:59 PM

Hi Indrani, 

We have removed the unnecessary code from the _Layout.cshtml file and provided the modified sample below. 


Regards, 
Shyam G 


indrani Gajjarapu
Replied On November 16, 2016 05:57 AM

Hi Shyam,

Thank you for your quick reply.

It works!!..

indrani Gajjarapu
Replied On November 16, 2016 06:57 AM

Hi,

My sample project works if i delete "class='container'" in _Layout Page.I have created a sample project just to replicate the issue.But i want the diagram to be rendered with the layout in my actual project. Can you please send me a sample project with the layout in it using the class container.
<div class="container">
       @RenderBody()   	     
 </div>

Shyam G [Syncfusion]
Replied On November 17, 2016 03:43 AM

Hi Indrani, 

The reported issue occurs due to the customization of styles done in the site.css file. We have overridden the style.css file and provided the modified sample below. 

Here is the code example of overridden style 

Code example: 
  <style> 
        .body-content{ 
            padding-left:0px; 
            padding-right:0px; 
        } 
        .container{ 
            width:100%; 
            height:100%; 
        } 
    </style> 


Regards, 
Shyam G 


indrani Gajjarapu
Replied On November 17, 2016 05:54 AM

Hi,

In my project i am using style.css

#page-wrapper {margin:0 0 0 220px;} causes the problem.

I have replicated the issue in the project..Should have done it in prior..sorry about that..


Attachment: SyncfusionMvcApplication3_f443777a.7z

Shyam G [Syncfusion]
Replied On November 18, 2016 07:20 AM

Hi Indrani, 
 
In our Diagram Builder sample, we have set the diagram width based on the document and palette width(subtracting document width-palette width). In your sample, you have set an margin(#page-wrapper {margin:0 0 0 220px;}), so we have set the diagram width based on the parent element width(#main-right) and palette width as shown in the below code example. Please refer to the sample below. 
 
Code example: 
Method.js file 
function updateSize() { 
. . . .  
$("#main-right").css("width", "calc(100% - 270px)"); 
. . . . 
. . . . 
} 
 
function setDiagramSize(showpropeditor) { 
 . . . 
 . . . 
$("#main-right").css("width", "calc(100% - 270px)"); 
. . .  
} 
 
 
Regards, 
Shyam G 


indrani Gajjarapu
Replied On November 21, 2016 06:22 AM

Hi,

Drag and drop functionality works. However, Properties Editor to the right is not shown when settings icon on the node is clicked.

Shyam G [Syncfusion]
Replied On November 22, 2016 06:37 AM

Hi Indrani, 

Please modify the below code example in your sample to resolve your reported issue. 

Code example: 
Methods.js 
function setDiagramSize(showpropeditor) { 
    var width = $(window).width() - $("#main-left").width(); 
    var pwidth = $("#propertyEditor").width(); 
    var width = 270; 
    if (!showpropeditor) { 
        pwidth = 0; 
    } 
    else { 
        width += pwidth; 
    } 
    $("#main-right").css("width", "calc(100% - " + width + "px)"); 
    diagram.updateViewPort(); 
} 

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.

;