Hi,

I am loading the diagram from server side and in the client side i need to override some styles before the diagram ia draw in the client side. Which is the best method/event that i can use to override the styles?

Thanks
Kiran B

Hi Stoyan,

I tried the below code, but its never gets executed in the client side.
var actualFromJson = MindFusion.Diagramming.Style.prototype.fromJson;
               MindFusion.Diagramming.Style.prototype.fromJson = function (e) {
                                 actualFromJson.apply(this, [e]);
               }

Also the condition to apply style is stored in each node/link's tag object. I need to get that and apply the styles accordingly.

Thanks
Kiran B

Hi Stoyan,

Why not just loop over the diagram's nodes / links collections after the page loads and update each item's style

I am doing like that, but the problem is there is a flickering happening when i do like this.
For example the color of the node will be yellow when it comes from the server, and in the client side i will make it as red. So first it draws as yellow and after a delay it will redraw as red.

I need to avoid this flickering issue.


Thanks
Kiran B

Hi Stoyan,

I have added the below code, but the controlLoaded event is not firing

$(document).ready(function () {
                var diagram = $find("diagramView1");
                diagram.addEventListener("controlLoaded", DiagramLoaded);
            });

function DiagramLoaded(sender, args) {
            alert("loading");
        }

Thanks
Kiran B

Hi Kiran,

The Html.DiagramView method generates the component initialization and fromJson calls in a single code block, so you cannot attach to that event on client side before it gets raised, unless you replace Diagram's initialize constructor with the sole purpose of attaching a handler:

        Sys.Application.add_init(function ()
        {
            var originalInit = MindFusion.Diagramming.Diagram.prototype.initialize;
            MindFusion.Diagramming.Diagram.prototype.initialize = function ()
            {
                originalInit.apply(this, []);
                this.addEventListener("controlLoaded", DiagramLoaded);
            };
        });
 

Or you could replace the Diagram.fromJson function and adjust the styles after calling the original.

I hope that helps,
Stoyan