(UTC)
  The MindFusion Forums › Flow Diagramming Components › Html Canvas & JavaScript › Custom Node with multiple images and texts
(Moderator: Slavcho)
‹ Previous Topic | Next Topic ›
Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic Custom Node with multiple images and texts (Read 5466 times)
dittu
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 20
Joined: Feb 6th, 2015
Custom Node with multiple images and texts
Mar 11th, 2015 at 12:20pm
Print Post  
Hi Stoyo,

How can I have multiple image and text areas in my custom node. And are there overloaded methods to setText and imageLocations to do so?

Thanks in advance.
  
Back to top
 
IP Logged
 
Stoyo
God Member
*****
Offline


MindFusion support

Posts: 13230
Joined: Jul 20th, 2005
Re: Custom Node with multiple images and texts
Reply #1 - Mar 11th, 2015 at 4:44pm
Print Post  
Hi,

Check the OrgChartNode implementation from tutorial 4; it adds several MindFusion.Drawing.Text and MindFusion.Drawing.Image objects to the node's content. Alternatively, you could base your custom nodes on TableNode class and display images and texts in separate table cells (see SpanningCells example).

I hope that helps,
Stoyan
  
Back to top
 
IP Logged
 
dittu
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 20
Joined: Feb 6th, 2015
Re: Custom Node with multiple images and texts
Reply #2 - Mar 16th, 2015 at 7:28am
Print Post  
Thanks Stoyo for your response. I tried using SpanningCells, but am not able to set the cell borders to transparent. I want to keep frame border and remove all the internal borders so as to look one node without cells. Is this possible?

Again Thanks for your help.
  
Back to top
 
IP Logged
 
Stoyo
God Member
*****
Offline


MindFusion support

Posts: 13230
Joined: Jul 20th, 2005
Re: Custom Node with multiple images and texts
Reply #3 - Mar 16th, 2015 at 10:11am
Print Post  
This version adds TableNode.CellFrameStyle property:
https://mindfusion.eu/_beta/jsdiag231.zip

You can now hide cell borders like this:
Code
Select All
var CellFrameStyle = MindFusion.Diagramming.CellFrameStyle;
table.setCellFrameStyle(CellFrameStyle.None);


I hope that helps,
Stoyan
  
Back to top
 
IP Logged
 
ashwini
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 6
Joined: Mar 13th, 2015
Re: Custom Node with multiple images and texts
Reply #4 - Mar 16th, 2015 at 12:07pm
Print Post  
Hi Stoyo,

We tried CellFrameStyle to None - to hide cell border.
But it is not working, still it is showing cell border.

Do we need to set any other property to work this.

Thanks,
Ashwini
  
Back to top
 
IP Logged
 
Stoyo
God Member
*****
Offline


MindFusion support

Posts: 13230
Joined: Jul 20th, 2005
Re: Custom Node with multiple images and texts
Reply #5 - Mar 16th, 2015 at 12:28pm
Print Post  
What does your code look like?
  
Back to top
 
IP Logged
 
ashwini
YaBB Newbies
*
Offline


I Love MindFusion!

Posts: 6
Joined: Mar 13th, 2015
Re: Custom Node with multiple images and texts
Reply #6 - Mar 17th, 2015 at 9:43am
Print Post  
Hi Stoyo,

Sorry I tried it again. It is working. Thanks a lot for your help  Smiley

Thanks,
Ashwini
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint
‹ Previous Topic | Next Topic ›
 
  « Board Index ‹ Board Top  

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

Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge