- Welcome, Guest. Please Login or Register
MindFusion  
  Version 2 of our Xamarin Calendar component adds Resource view and support for Universal Windows Platform. Now beta testing spreadsheet component for Java Swing. We have released our Java Swing Pack.  
  HomeHelpSearchLoginRegister   
     
     
   
 
Page Index Toggle Pages: 1 Send Topic Print  
Maximum Number of Nodes
Read 202 times

Ghaith   Offline
YaBB Newbies
*
Posts: 18
I Love MindFusion!


   
     
 
Maximum Number of Nodes
Jun 27th, 2017 at 2:27pm
 
Dear,

My diagram works fine with small number of nodes (less than 400 node) but when I am trying to generate diagrams with more than that number, the possibility of empty diagram goes higher.

I have searched about this issue, I found some for Win app
http://mindfusion.eu/Forum/YaBB.pl?num=1254316515

Any ideas?
 
 
 
IP Logged    
 
     

Slavcho   Offline
God Member
*****
Posts: 1063
Gender: male
tech.support


   
     
 
Re: Maximum Number of Nodes
Reply #1 - Jun 27th, 2017 at 4:15pm
 
You might be reaching max sizes for bitmaps or canvas. If using ImageMap mode, try setting the MaxImageSize property. If using Canvas mode, set CanvasVirtualScroll.
 
 
 
IP Logged    
 
     

Ghaith   Offline
YaBB Newbies
*
Posts: 18
I Love MindFusion!


   
     
 
Re: Maximum Number of Nodes
Reply #2 - Jul 12th, 2017 at 1:33pm
 
Dear,

I set the property CanvasVirtualScroll=True, then non of the diagrams worked, even with small number of nodes. so I returned it back to false.
Note: when generating the diagram,  there is no error in the Chrome console, and the canvas is enlarged to handle the chart, but with no nodes.

thanks for your help
 
 
 
IP Logged    
 
     

Slavcho   Offline
God Member
*****
Posts: 1063
Gender: male
tech.support


   
     
 
Re: Maximum Number of Nodes
Reply #3 - Jul 12th, 2017 at 4:55pm
 
Code:
<ndiag:DiagramView CanvasVirtualScroll="true" Diagram-Bounds="0, 0, 10000, 10000" ... 


works for me, trying it in Flowcharter sample project. Please attach a test project where it doesn't work.
 
 
 
IP Logged    
 
     

Ghaith   Offline
YaBB Newbies
*
Posts: 18
I Love MindFusion!


   
     
 
Re: Maximum Number of Nodes
Reply #4 - Jul 13th, 2017 at 3:27pm
 
Dear,

please check link below for the project
https://www.dropbox.com/s/f891kox1f6p1ehs/ImageLoadingTest.rar?dl=0


try to put 500 on the most right text box and hit on refresh

...
 
 
 
IP Logged    
 
     

Slavcho   Offline
God Member
*****
Posts: 1063
Gender: male
tech.support


   
     
 
Re: Maximum Number of Nodes
Reply #5 - Jul 14th, 2017 at 8:41pm
 
You cannot see the diagram at all even with few nodes because the position styles makes DiagramView's div zero-pixels high. Add a border to see its current dimensions, and it draws as a line -

Style="position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 1px solid red"

Fix the size and it shows all nodes even with 500 in the box -

Code:
<ndiag:DiagramView ID="diagramView" runat="server" ClientSideMode="Canvas"
  class="context-menu-diagram"
  Width="800" Height="500" ... 


 
 
 
IP Logged    
 
     

Ghaith   Offline
YaBB Newbies
*
Posts: 18
I Love MindFusion!


   
     
 
Re: Maximum Number of Nodes
Reply #6 - Jul 18th, 2017 at 4:25pm
 
Dear,

thanks for your support, your solution fixed the problem of drawing the nodes, but now I have 2 scrolls (one for the page and the other for the diagram)  is there any solution to have the diagram auto size as before?
 
 
 
IP Logged    
 
     

Slavcho   Offline
God Member
*****
Posts: 1063
Gender: male
tech.support


   
     
 
Re: Maximum Number of Nodes
Reply #7 - Jul 21st, 2017 at 2:59pm
 
CanvasVirtualScroll changes the DOM in two ways -

- it removes overflow from the view's div, inserting an intermediate div with overflow to handle scrolling;
- it sets the diagram's canvas to absolute position, and a resize event handler sets its size to DiagramView's div size when the latter changes;

Unfortunately after these changes your style="position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px" stops filling the window, the div's height becomes 0, and the canvas' one too from resize handler.

What works in my test is flexbox column layout, applied to 100% body and div container, where DiagramView's style is set flex:auto to fill all remaining space in the container. If you need support for older browsers and can't use flexbox, you could set the view's div size from window.onresize handler instead.
 
 
 
IP Logged    
 
     
Page Index Toggle Pages: 1 Send Topic Print