CSV Online view bug in handling layouts

Michael Ellyett

unread,

Feb 3, 2022, 7:15:06 PM2/3/22

to diagrams.net Q&A

I use the on-line to load diagrams which show child objects in parent objects

https://jgraph.github.io/drawio-tools/tools/csv.html

here is an example CSV Online

label: %ShortName%
identity: ID
parent: Parent
parentstyle:shape=rect;autosize=0;expand=0;verticalAlign=bottom;fontSize=25;verticalLabelPosition=top;align=right;labelPosition=center;
top: top
left: left
width:@width
height: @height
nodespacing: 10
edgespacing: 10
levelspacing: 10
layout: horizontalflow

Here is a diagram showing what happens when it is loaded manually vs CSV viewer

https://drive.google.com/file/d/1I8ISpCaAemD19inoiPtWbXv6PixRrsuL/view?usp=sharing

(here is view: https://viewer.diagrams.net/?tags=%7B%7D&highlight=0000ff&nav=1&title=CSVViewBuginLayout.drawio#Uhttps%3A%2F%2Fdrive.google.com%2Fuc%3Fid%3D1I8ISpCaAemD19inoiPtWbXv6PixRrsuL%26export%3Ddownload)

It also has the CSV data (3 lines).

Michael Ellyett

unread,

Aug 26, 2022, 12:47:05 AM8/26/22

to diagrams.net Q&A

I can generate diagram with the CSV (by cutting and pasting it in manually) it works fine

- but when I used the CSV Online viewer - the automatic layout doesn't work

Here is

1. a simple view of the DESCRIPTION.

label: %ShortName%

style:label;shape=%shape%;spacingLeft=0;align=center;
identity: ID
parent: Parent
parentstyle:shape=rect;autosize=0;expand=0;verticalAlign=bottom;align=right;labelPosition=center;

top: top
left: left
width:@width
height: @height
nodespacing: 10
edgespacing: 10
levelspacing: 10
layout: horizontalflow

2. here is a link to the DATA - https://docs.google.com/spreadsheets/d/1LCb2ZBe69jKYC2pmScwlXAeGNBl1atvFZQ6w9mZMtis/export?format=csv&usp=sharing

3. here is the link generated - https://viewer.diagrams.net/?desc=dVHLboMwEPwarhFxXsoxgFJVTaNUubS5OXgDrgy27AWafH3X2Gl7aCSwZmcGz2AnqyxhrLOK1mS2obVGNG6EW3qELt2k0rpSMCl1Q4wzFrhwNQA6b6B3usvP7JTBcv358pEz0xzLQb1v4GmfqSnHfnt6Ww7r5vSK0n8CX0ZbTGbbi7YNJ1CUrk/YsnOGsKu5lW3l+7Cc1mi61xutURIc+Y+QsJniZ1DjlCZscawpZc8bIJws8pYMDq8KyBCNGWUZmgtyBEhOYg0vqcEOLr5bSgxXsmp9T2gRLBFxPymIkHgNmc9FpA23xAfyEPBf4d7inm6hRB/SoXbyBjGTTom3Ig49WJQlV5tY5KwR6TZ+m1lZ1X6T8c8OtA9K/V9j1Cb08iBQavxPz40okIMUWHt2ngYY6BpCznjE8zSOQWu1gHh0wTBNowKieqAo6EE9kPhVdzGKblLedItcXZQe/GWvim8=&title=SDA%20UI%20Explorer%20Silos%20V016%3A4

4. CSV - that works imported manually i.e. I can cut and paste in manually that works

# label: %ShortName%
# style:label;shape=%shape%;spacingLeft=0;align=center;
# identity: ID
# parent: Parent
# top: top
# left: left
# height: @height
# nodespacing: 10
# edgespacing: 10
# levelspacing: 10
# layout: horizontalflow
# width:@width
ID,Name,Type,Topic,LinkIDs,ShortName,Parent,Deployed,Description,tags,Project,shape,fill,stroke,width,height,fontColor,labelColor,fontStyle,strokeWidth,opacity,left,top,shadow
DRAWING_DETAILS,V016:4 : VIEWS: UserPortal|Silos UserPortal|Silo Details | AT:16-39 ON 26-Aug-22,,,,V016:4 : VIEWS: UserPortal|Silos UserPortal|Silo Details | AT:16-39 ON 26-Aug-22,,,"V016:4 (12) | | AT:16-39 ON 26-Aug-22 | BY:MJE",,,note,#FFFFFF,#000000,1000,50,#000000,#FFFFFF,1,1,100,,,1
UserPortal|Silos,UserPortal|Silos,MockScreen,Unknown,"",UserPortal|Silos,"",,"","UserPortal|Silos MockScreen Unknown ",,mxgraph.mockup.containers.window,#FFFFFF,#000000,900,600,#000000,#D3D3D3,1,1,25,0,20,0
UserPortal|Silo Details,UserPortal|Silo Details,MockScreen,Unknown,"",UserPortal|Silo Details,"",,"","UserPortal|Silo Details MockScreen Unknown ",,mxgraph.mockup.containers.window,#FFFFFF,#000000,900,600,#000000,#D3D3D3,1,1,25,0,120,0
Save_Silo#1,Save Silo,Button,Unknown,"",Save Silo,"UserPortal|Silos",,"","Save_Silo#1 Button Unknown ",,mxgraph.basic.shaded_button;dx=10,#DDDDDD,#000000,160,50,#000000,none,1,1,100,700,20,1
Add_Silo#1,Add Silo,Button,Unknown,"",Add Silo,"UserPortal|Silos",,"","Add_Silo#1 Button Unknown ",,mxgraph.basic.shaded_button;dx=10,#DDDDDD,#000000,160,50,#000000,none,1,1,100,700,95,1
Delete_Silo#1,Delete Silo,Button,Unknown,"",Delete Silo,"UserPortal|Silos",,"","Delete_Silo#1 Button Unknown ",,mxgraph.basic.shaded_button;dx=10,#DDDDDD,#000000,160,50,#000000,none,1,1,100,700,170,1
O/Silo|P/Feed_Schedule#1,Silo|Feed Schedule,MockProperty,Unknown,"",Silo|Feed Schedule,"UserPortal|Silos",,"","O/Silo|P/Feed_Schedule#1 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,20,1
O/Silo|P/Fill_Events#1,Silo|Fill Events,MockProperty,Unknown,"",Silo|Fill Events,"UserPortal|Silos",,"","O/Silo|P/Fill_Events#1 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,55,1
O/Silo|P/Normal_information#1,Silo|Normal information,MockProperty,Unknown,"",Silo|Normal information,"UserPortal|Silos",,"","O/Silo|P/Normal_information#1 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,90,1
O/Silo|P/Farm#1,Silo|Farm,MockProperty,Unknown,"",Silo|Farm,"UserPortal|Silos",,"","O/Silo|P/Farm#1 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,125,1
O/Silo|P/Device#1,Silo|Device,MockProperty,Unknown,"",Silo|Device,"UserPortal|Silos",,"","O/Silo|P/Device#1 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,160,1
O/Silo|P/Customer#1,Silo|Customer,MockProperty,Unknown,"",Silo|Customer,"UserPortal|Silos",,"","O/Silo|P/Customer#1 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,195,1
O/Silo_State#2,Silo State,MockProperty,Unknown,"",Silo State,"UserPortal|Silo Details",,"","O/Silo_State#2 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,20,1

5. Here is what it looks like imported manually

vs CSV OnLine

M

--
You received this message because you are subscribed to a topic in the Google Groups "diagrams.net Q&A" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/drawio/9E8Fgde2Ggc/unsubscribe.
To unsubscribe from this group and all its topics, send an email to drawio+un...@googlegroups.com.
To view this discussion on the web, visit https://groups.google.com/d/msgid/drawio/ac6e635e-f4e6-4568-b466-38d83e031220n%40googlegroups.com.

--

Michael Ellyett
Phone: +64 21 748 752
GTalk/Yahoo/Skype = Michael.Ellyett; AIM = MichaelEllyett

diagrams.net Q&A

unread,

Aug 26, 2022, 12:48:31 AM8/26/22

to diagrams.net Q&A

Thanks for the report. The automatic layout for CSV links with viewer.diagrams.net will be fixed in the next release.

Michael Ellyett

unread,

Aug 28, 2022, 5:54:27 PM8/28/22

to diagrams.net Q&A

Thank you for your reply. Do you have an approximate timeframe for the next release?

Michael

UserPortal|Silos,UserPortal|Silos,MockScreen,Unknown,"",UserPortal|Silos,"",,"","UserPortal|Silos MockScreen Unknown ",,mxgraph.mockup.containers.window,#FFFFFF,#000000,900,600,#000000,#D3D3D3,1,1,25,0,20,0
UserPortal|Silo Details,UserPortal|Silo Details,MockScreen,Unknown,"",UserPortal|Silo Details,"",,"","UserPortal|Silo Details MockScreen Unknown ",,mxgraph.mockup.containers.window,#FFFFFF,#000000,900,600,#000000,#D3D3D3,1,1,25,0,120,0
Save_Silo#1,Save Silo,Button,Unknown,"",Save Silo,"UserPortal|Silos",,"","Save_Silo#1 Button Unknown ",,mxgraph.basic.shaded_button;dx=10,#DDDDDD,#000000,160,50,#000000,none,1,1,100,700,20,1
Add_Silo#1,Add Silo,Button,Unknown,"",Add Silo,"UserPortal|Silos",,"","Add_Silo#1 Button Unknown ",,mxgraph.basic.shaded_button;dx=10,#DDDDDD,#000000,160,50,#000000,none,1,1,100,700,95,1
Delete_Silo#1,Delete Silo,Button,Unknown,"",Delete Silo,"UserPortal|Silos",,"","Delete_Silo#1 Button Unknown ",,mxgraph.basic.shaded_button;dx=10,#DDDDDD,#000000,160,50,#000000,none,1,1,100,700,170,1
O/Silo|P/Feed_Schedule#1,Silo|Feed Schedule,MockProperty,Unknown,"",Silo|Feed Schedule,"UserPortal|Silos",,"","O/Silo|P/Feed_Schedule#1 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,20,1

O/Silo|P/Fill_Events#1,Silo|Fill Events,MockProperty,Unknown,"",Silo|Fill Events,"UserPortal|Silos",,"","O/Silo|P/Fill_Events#1 MockProperty Unknown ",,rect,#FFFFFF,#000000,180,30,#000000,none,1,1,100,20,55,1 ...

5. Here is what it looks like imported manually
vs CSV OnLine
M

---------- Forwarded message ---------
From: Michael Ellyett <michael...@gmail.com>
Date: Fri, 4 Feb 2022 at 13:15
Subject: CSV Online view bug in handling layouts

diagrams.net Q&A

unread,

Aug 29, 2022, 1:42:31 AM8/29/22

to diagrams.net Q&A

Later this week.

diagrams.net Q&A

unread,

Sep 1, 2022, 11:28:12 AM9/1/22

to diagrams.net Q&A

Internal issue https://drawio.atlassian.net/browse/DS-904

diagrams.net Q&A

unread,

Sep 1, 2022, 11:29:23 AM9/1/22

to diagrams.net Q&A

Internal commit https://github.com/jgraph/drawio-dev/commit/78146d3c012f79ae2123d9f4da45ae267484cb05

diagrams.net Q&A

unread,

Sep 1, 2022, 6:42:31 PM9/1/22

to diagrams.net Q&A

Fixed in 20.2.8

Michael Ellyett

unread,

Sep 1, 2022, 7:05:52 PM9/1/22

to diagrams.net Q&A

Thanks.

When will this release be published?

At present layout is not currently working on any view I create using - https://jgraph.github.io/drawio-tools/tools/csv.html . I just tried it on the current version (using data and description ex bug report below) - here is the URL produced

https://viewer.diagrams.net/?desc=dVHLboMwEPwarhFxXsoxgFJVTaNUubS5OXgDrgy27AWafH3X2Gl7aCSwZmcGz2AnqyxhrLOK1mS2obVGNG6EW3qELt2k0rpSMCl1Q4wzFrhwNQA6b6B3usvP7JTBcv358pEz0xzLQb1v4GmfqSnHfnt6Ww7r5vSK0n8CX0ZbTGbbi7YNJ1CUrk/YsnOGsKu5lW3l+7Cc1mi61xutURIc+Y+QsJniZ1DjlCZscawpZc8bIJws8pYMDq8KyBCNGWUZmgtyBEhOYg0vqcEOLr5bSgxXsmp9T2gRLBFxPymIkHgNmc9FpA23xAfyEPBf4d7inm6hRB/SoXbyBjGTTom3Ig49WJQlV5tY5KwR6TZ+m1lZ1X6T8c8OtA9K/V9j1Cb08iBQavxPz40okIMUWHt2ngYY6BpCznjE8zSOQWu1gHh0wTBNowKieqAo6EE9kPhVdzGKblLedItcXZQe/GWvim8=&title=Layout%20Bug%20Example

Fixed in 20.2.8

Internal commit https://github.com/jgraph/drawio-dev/commit/78146d3c012f79ae2123d9f4da45ae267484cb05

Internal issue https://drawio.atlassian.net/browse/DS-904

Later this week.

vs CSV OnLine
M

diagrams.net Q&A

unread,

Sep 5, 2022, 8:29:19 AM9/5/22

to diagrams.net Q&A

It was released when I made my comment. I see 4 containers for this link with some child cells in them. What do you see?

Michael Ellyett

unread,

Sep 5, 2022, 4:14:23 PM9/5/22

to diagrams.net Q&A

Thank you very much. It all seems to be working now.

Sent from iPad

On 6/09/2022, at 00:29, diagrams.net Q&A <dra...@googlegroups.com> wrote:

It was released when I made my comment. I see 4 containers for this link with some child cells in them. What do you see?

--
You received this message because you are subscribed to a topic in the Google Groups "diagrams.net Q&A" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/drawio/9E8Fgde2Ggc/unsubscribe.
To unsubscribe from this group and all its topics, send an email to drawio+un...@googlegroups.com.

To view this discussion on the web, visit https://groups.google.com/d/msgid/drawio/6a223376-7c7c-4ded-aa35-ad4088bebb6en%40googlegroups.com.

Reply all

Reply to author

Forward