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.

Overview of the diagram from the database

Thread ID:

Created:

Updated:

Platform:

Replies:

129039 Feb 22,2017 05:28 PM Feb 27,2017 07:41 AM ASP.NET MVC 5
loading
Tags: Diagram
indrani Gajjarapu
Asked On February 22, 2017 05:28 PM

Hi,

I have a diagram builder sample from which I create and save different diagrams to the database(As nodes and their properties). I am able to retrieve and add those nodes to a DiagramBuilder. However, I want to show all the diagrams having a certain ID on one page using overview functionality. I have attached a sample picture.

In the samples of overview, the object of OverviewProperties class is taking sourceID which is the ID of the diagram itself. But in my scenario, I have one diagram builder and nodes are added dynamically which are saved as different diagrams.

Please let me know if there is a workaround solution to get multiple diagrams(with respective nodes) to show as grids of overview divs.

Thank you.

Regards,

Indrani

Attachment: overview_29cf71d4.zip

Shyam G [Syncfusion]
Replied On February 23, 2017 11:06 AM

Hi Indrani, 

Before looking into your requirement, please confirm us whether you have been creating three different diagram and save those data into the database. Also retrieve the same data and display it into the different overview. If we misunderstood your requirement, please provide us more details such as explain your requirement in detail or demonstrate it with video. 

Regards, 
Shyam G 


indrani Gajjarapu
Replied On February 23, 2017 11:57 AM

Hi Shyam,

I have attached 4 pictures.

Plan1, Plan2 - Creating diagrams and saving their nodes of diagram into the database.
GetPlan1, GetPlan2 - Retrieving saved nodes from the database and adding them to the diagram builder. 

The idea is that the user can create any number of plans he wants. Let say, User created 5 plans of which 3 plans belong to Group1 and 2 belong to Group2.

I have vertical tabs of all the Groups available. On Click, The tab content should get the respective plan Overviews as shown in the paint file.

Hope the requirement is clear



Attachment: Plan_Overview_ccaed2cc.zip

Shyam G [Syncfusion]
Replied On February 24, 2017 07:49 AM

Hi Indrani, 

We have created a sample to achieve your requirement and it is available in the below link for download. 


Regards, 
Shyam G 


indrani Gajjarapu
Replied On February 24, 2017 08:01 AM

Hi Shyam,

I am able to display the diagram overview along with the diagram builder itself.

But I only want a small overview to be displayed without the actual diagram.

Thank you.

Regards,

Indrani

Shyam G [Syncfusion]
Replied On February 27, 2017 07:41 AM

Hi Indrani, 

An overview will not be rendered without rendering the diagram. If you want to display the overview alone, then you can hide the diagram after rendering it. please refer to the code example. 

Code example: 
<div style="float:left;visibility:hidden"> 
        @Html.EJ().Diagram("Diagram", ViewData["diagramModel"] as Syncfusion.JavaScript.DataVisualization.Models.DiagramProperties) 
    </div> 

Here is the sample for your reference 


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.

;