(UTC)
(Moderator: Slavcho)
‹ Previous Topic | Next Topic ›
Page Index Toggle Pages: 1 ... 7 8 [9] 10  Send TopicPrint
Very Hot Topic (More than 25 Replies) Html Node in Diagram ! (Read 47329 times)
Kannan Thirumal
Senior Member
****
Offline


I Love Mind Fusion Diagram
:-)

Posts: 270
Location: Bangalore, India
Joined: Jan 18th, 2019
Re: Html Node in Diagram !
Reply #120 - Nov 2nd, 2020 at 8:03am
Print Post  
Hi Lyubo,

Please try this,

https://drive.google.com/file/d/1ZMNJCweU3cotRokOLEMb5ndAQoXbsZRX/view?usp=shari
ng

Regards,
Kannan
« Last Edit: Nov 2nd, 2020 at 10:35am by Kannan Thirumal »  
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: Html Node in Diagram !
Reply #121 - Nov 2nd, 2020 at 8:28am
Print Post  
That link requires sign-in too Smiley Google Drive was fine, but can you please provide a link that doesn't require sign-in, like in the past.

The updated link from the edit works now, thanks.

Also, did you try with the latest release? Don't know if you saw my edit above.

Regards,
Lyubo
« Last Edit: Nov 2nd, 2020 at 11:15am by Lyubo »  
Back to top
 
IP Logged
 
Kannan Thirumal
Senior Member
****
Offline


I Love Mind Fusion Diagram
:-)

Posts: 270
Location: Bangalore, India
Joined: Jan 18th, 2019
Re: Html Node in Diagram !
Reply #122 - Nov 2nd, 2020 at 11:34am
Print Post  
Hi Lyubo,

I tried latest version : "diagram-library": "^3.5.0",

But still that expander icon is not showing. That google drive link should work now. Please check it.

Regards,
Kannan
  
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: Html Node in Diagram !
Reply #123 - Nov 2nd, 2020 at 12:30pm
Print Post  
Hi,

My bad, apparently the fix was applied after the release was already out. It will be fixed in the next official build, and for the time being you can use the following workaround:

Code
Select All
var originalUpdateCanvasElements = CompositeNode.prototype["updateCanvasElements"];
CompositeNode.prototype["updateCanvasElements"] = function() {

    originalUpdateCanvasElements.apply(this, []);

    this.addManipulatorVisuals(this.graphicsContainer.content);

    if (this.onUpdateVisuals)
        this.onUpdateVisuals(this);

};


Regards,
Lyubo
MindFusion
  
Back to top
 
IP Logged
 
Kannan Thirumal
Senior Member
****
Offline


I Love Mind Fusion Diagram
:-)

Posts: 270
Location: Bangalore, India
Joined: Jan 18th, 2019
Re: Html Node in Diagram !
Reply #124 - Nov 3rd, 2020 at 4:31am
Print Post  
With this code, it works fine. Thank you Lyubo !
  
Back to top
 
IP Logged
 
Kannan Thirumal
Senior Member
****
Offline


I Love Mind Fusion Diagram
:-)

Posts: 270
Location: Bangalore, India
Joined: Jan 18th, 2019
Re: Html Node in Diagram !
Reply #125 - Nov 11th, 2020 at 4:46am
Print Post  
Hi Lyubo,

I tried by setting "clipToOutline":"false" but still the small icons are not showing.

Could you please check the attached screen shot and template?

Regards,
Kannan

Lyubo wrote on Aug 16th, 2020 at 6:31am:
Hi,

This change is included in the latest JavaScript suite here; a standalone version is also published to npm: https://www.npmjs.com/package/diagram-library.

There's a new clipToOutline property added to CompositeNode that lets you specify whether contents of the node's template will clip to a shape outline or not.

Regards,
Lyubo
MindFusion

  
diagram-node_template_003.txt ( 2 KB | 139 Downloads )
CompositeNode_ClipToOutline.png ( 175 KB | 128 Downloads )
CompositeNode_ClipToOutline.png
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: Html Node in Diagram !
Reply #126 - Nov 11th, 2020 at 9:13am
Print Post  
Hi,

It works for me with the latest packages (v. 3.5.1) in the sample application you've sent use before (please refer to the attached image).

Make sure you're not applying the clip yourself from an override - maybe in a Container.draw or CompositeNode.updateCanvasElements.

Regards,
Lyubo
MindFusion
  
clipToOutline.png ( 65 KB | 116 Downloads )
clipToOutline.png
Back to top
 
IP Logged
 
Kannan Thirumal
Senior Member
****
Offline


I Love Mind Fusion Diagram
:-)

Posts: 270
Location: Bangalore, India
Joined: Jan 18th, 2019
Re: Html Node in Diagram !
Reply #127 - Nov 17th, 2020 at 9:06am
Print Post  
Hi Lyubo,

I tried the same by setting "clipToOutline":"false" in the template. I didn't do any other changes. I've take the latest diagram library version 3.5.1 and mind fusion common library version 1.2.1. But still it didn't work. May I know what I missed?

Regards,
Kannan
  
CompositeNode_Template.png ( 55 KB | 106 Downloads )
CompositeNode_Template.png
CompositeNode_App.png ( 202 KB | 136 Downloads )
CompositeNode_App.png
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: Html Node in Diagram !
Reply #128 - Nov 17th, 2020 at 1:45pm
Print Post  
Hi,

I should've been more clear - the clipToOutline is a property of CompositeNode, it's not part of the Shape component template - https://www.mindfusion.eu/onlinehelp/jsdiagram/index.htm?M_MindFusion_Diagrammin....

Try setting it for your custom composite nodes, and it should work.

In addition to that, since you've upgraded to 3.5.1, you may need to make some adjustments to your overall diagram setup. As outlined in the What's New topic, you may need to set MindFusion.CompatConfig.gridLayout to false in order to keep your custom layout. You may also need to turn off virtual scroll too, since now it's on by default.

Please note that the changes above don't affect clipToOutline, so just setting the property on your nodes should be enough.

Regards,
Lyubo
MindFusion
  
Back to top
 
IP Logged
 
Kannan Thirumal
Senior Member
****
Offline


I Love Mind Fusion Diagram
:-)

Posts: 270
Location: Bangalore, India
Joined: Jan 18th, 2019
Re: Html Node in Diagram !
Reply #129 - Dec 22nd, 2020 at 11:19am
Print Post  
Hi,

I tried the attached Decision.png. But it is not clipped for this icon. This icon dont have a transparent border but this icon works fine in silverlight app.

Also on select, it is trying to have border in decision shape but the border is not shown.

May I know why these behaviours?

I've uploaded the sample here : [deleted]

Regards,
Kannan
« Last Edit: Jan 5th, 2021 at 8:28am by Forum Admin »  
Decision.png ( 3 KB | 97 Downloads )
Decision.png
Decision-Not-Clipped.png ( 6 KB | 101 Downloads )
Decision-Not-Clipped.png
Decision-On-Select.png ( 7 KB | 102 Downloads )
Decision-On-Select.png
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: Html Node in Diagram !
Reply #130 - Dec 22nd, 2020 at 1:08pm
Print Post  
Hi,

The effects you're seeing are a result from not using clip to the outline, in order to show the small auxiliary images from the template and the fact that the image file has a solid color fill around the outlines.

Your options are 1) easiest would be to use a transparent image file and continue with the current template with no-clip to show your small icons; 2) clip to the shape outline and change your template to not include the small images and use attached nodes instead; 3) we can try and think of additional ways to clip to the paths of individual components inside a template for a future release, but we can't provide any timeframe for when such feature could be available.

Regards,
Lyubo
MindFusion
  
Back to top
 
IP Logged
 
Kannan Thirumal
Senior Member
****
Offline


I Love Mind Fusion Diagram
:-)

Posts: 270
Location: Bangalore, India
Joined: Jan 18th, 2019
Re: Html Node in Diagram !
Reply #131 - Dec 24th, 2020 at 10:42am
Print Post  
Hi Lyubo,

I've fixed this issue by using transparent background image. Thank you  Smiley

I'm facing another issue. I'm exporting the diagram image with high resolution by using this code,

this.diagram.setZoomFactor(1000);

You have suggested this in this thread earlier : https://mindfusion.eu/Forum/YaBB.pl?num=1547792559/19#19

But after applying the latest diagram libary, that is not properly exporting. I mean only some part of diagram is exported.

You can try this in the sample I send earlier this week. In that I've commented the "Export Diagram With High Resolution" button.

Could you please check it? Thanks !

Regards,
Kannan
  
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: Html Node in Diagram !
Reply #132 - Dec 26th, 2020 at 11:03am
Print Post  
Hi,

Since version 3.5.1 the Diagram.VirtualScroll property is turned on by default - more info here: https://www.mindfusion.eu/onlinehelp/jsdiagram/index.htm?CC_What_s_New_in_this_R....

You can toggle it back to off just before exporting your image and then turn it back on after. This should result in the full diagram document to be saved.

Regards,
Lyubo
MindFusion
  
Back to top
 
IP Logged
 
Kannan Thirumal
Senior Member
****
Offline


I Love Mind Fusion Diagram
:-)

Posts: 270
Location: Bangalore, India
Joined: Jan 18th, 2019
Re: Html Node in Diagram !
Reply #133 - Jan 4th, 2021 at 9:43am
Print Post  
Hi Lyubo,

Wishing You a Happy New Year Smiley

I fixed this using setVirtualScroll() method. It works fine.

Looks like the links are still thin. Do you feel like that?

I've uploaded the high resolution image in this url: https://drive.google.com/file/d/17VEccAqdyYbWZvpo8JiHWCnUXZc7pg-t/view?usp=shari


Regards,
Kannan
« Last Edit: Jan 5th, 2021 at 8:27am by Forum Admin »  
NormalResolutionExport.png ( 73 KB | 106 Downloads )
NormalResolutionExport.png
Back to top
 
IP Logged
 
Lyubo
God Member
*****
Offline


MindFusion team

Posts: 511
Joined: Jun 17th, 2010
Re: Html Node in Diagram !
Reply #134 - Jan 4th, 2021 at 10:50am
Print Post  
Hi,

Happy New Year to you too!

The links thickness may appear thinner, because of a change we introduced in v.3.5.1 (API Changes section) - https://www.mindfusion.eu/onlinehelp/jsdiagram/index.htm?CC_What_s_New_in_this_R....

You can try setting MindFusion.Diagramming.CompatConfig.pixelThickness = true to use the old pixel thickness again; or adjust your thickness values to bigger widths to correspond to the diagram's MeasureUnit in use in your application.

Regards,
Lyubo
MindFusion
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1 ... 7 8 [9] 10 
Send TopicPrint
‹ Previous Topic | Next Topic ›
 
  « Board Index ‹ Board Top  

The MindFusion Forums » Powered by YaBB 2.6.11!
YaBB Forum Software © 2000-2024. All Rights Reserved.

Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge