GenoPro Home
GenoPro Home  |  Get Started With My Genealogy Tree  |  Buy  |  Login  |  Privacy  |  Search  |  Site Map
 
Is there a way to Toggle Layers in a GenoMap?


https://support.genopro.com/Topic43375.aspx
Print Topic | Close Window

By NiKo - Saturday, September 16, 2023
I've tried various methods to highlight Y-DNA (passed from a father to each son) and mt-DNA (passed from each mother to each child).

I've tried changing the colours inside a gender shape, changing the gender shape outline, changing the colour of the box surrounding a gender shape, changing the colour of drop, marriage, and child lines.

They all end up making it complicated to figure out what is going on in the GenoMap, and what DNA was passed from which person to another, and who might be good candidates for future DNA testing.



My most recent idea is to create a shape (created by hand) that runs down the left side of individuals that inherited a particular Y-DNA, see imagine below:
http://support.genopro.com/Uploads/Images/408a1dad-84e5-44e5-b0ac-897e.png


The shape for mt-DNA would run down the right side and be in a different colour.

My question is, can I create 3 Layers that I can toggle through?  (It would be great if additional layers could be added to the transmission of other types of DNA)
Layer 1 would be the normal GenoMap
Layer 2 would be the Y-DNA, for example
Layer 3 would be the mt-DNA

Layer 1 would always appear, and I could add in Layer 2 or 3, or both Layer 2 and 3.

Here's an example of an easy to follow mt-DNA transmission from this magazine article: Macleans Article on King Richard III
http://support.genopro.com/Uploads/Images/2b8700aa-8f02-4ea3-af86-a221.jpg


Here's a less clear diagram from this site: MI Teaching Tool
http://support.genopro.com/Uploads/Images/428c7985-e404-46eb-b188-5f33.png


And here's my attempt at using Dark Green inside a gender shape to show Y-DNA, and light green to show mt-DNA transmission.  Colour choices could be better, but it's still difficult to follow how the DNA is passed, and where it gets cut off.
http://support.genopro.com/Uploads/Images/423ea763-6f52-41ed-97aa-3564.png
By genome - Sunday, September 17, 2023
Yes I think this can be achieved in the Narrative Report using for example CSS Classes.  Objects in each layer will have a particular class name e.g. Y-DNA defined in a Custom Tag e.g. _Layer

A drop down list of layers would need to be added to the Narrative Report genomap pages. Clicking a name in this list would toggle that layer on or off by setting the style display attribute of objects in that Class to  inline or none. 
 
I think this would a a very good general feature e.g. layering different centuries or decades.  I'd like to have a stab at scripting this but I'm pretty full on with a Home DIY project at present so it will go on the back burner for now.
By NiKo - Sunday, September 17, 2023
That would be pretty incredible and very helpful!  Smile Smile Smile

Hope your DIY projects go well, and I'm happy to wait until you can get around to it.
By genome - Friday, September 22, 2023
Spent some time 'relaxing' in the evenings away from the DIY stuff looking into this. Turns out is was reasonably straight forward but as usual I make many stupid mistakes along the way but got there in the end. So release 2023.09.22 has this functionality, available as usual at Updates to Report Skin Templates since GenoPro 2020 version 3.1.0.1

Just use the GenoPro Tag Editor to create custom Tags for all object types you wish yo include in a 'layer' with a Tag Permanent Name of _Layers. The Tag Display Name can be anything you like e.g. 'GenoMap Layers'. The Tag Description is not used by the skin at present but I may use it for a tooltip on the Layers dropdown list.

Then set a value of your chosen layer name in the _Layers Custom Tag of the objects to be included in that layer. The Narrative Report skin will generate a layer for each unique value of the _layers custom tag. 

I've included an example in the Potter genomap at https://familytrees.genopro.com/genome/HarryPotter/default.htm

Still has an issue or two, e.g. the layers dropdown does not slide over the content below it but just pushes it down the  screen. If any CSS gurus out there can tell me how toget over this that would be great.

Made a silent update to version 2023.09.22 to fix issue of layer dropdown not floating over content below it.  (Googled and found some CSS magic using position:absolute and z-index:100 with some top and right positioning with left: inherit)
By albertsali - Thursday, September 28, 2023
Könnte man die Arbeitsschritte des benutzerdefinierten Tags '_Layer' näher beschreiben, damit auch ein 'Laie' nachvollziehen kann, wie dies geht.
Oder auch die neueste HarryPotter.gno zum download einstellen, um darin die Arbeitsschritte nachzusehen.
'Normale' Benutzertags hab ich einige gemacht, aber hier blicke ich nicht durch,... sorry
By genome - Friday, September 29, 2023
I will put together more detailed instructions on producing layers.

I also realize there may be an issue with non-ascii characters in the layer names. e.g. German eszett and umlaut. I'll look into this and hopefully provide a solution.
By genome - Sunday, October 1, 2023
I have added more detailed instructions on the Potter GenoMap at  https://familytrees.genopro.com/genome/HarryPotter/default.htm and also included a download link on the homepage for the .gno

Using Non-ASCII layer names seems to be Ok, I've added a layer Großraumbüroklimagerätestörung that works fine.
By NiKo - Sunday, October 1, 2023
WOW!!!! That looks and works amazingly well!!!  Thank you!!
By albertsali - Monday, October 2, 2023
Danke, danke jetzt hab auch ich es kapiert.Tongue
Hat alles geklappt
By genome - Thursday, October 5, 2023
Version 2023.10.05 fo the Narrative Report Skin template allows drawing objects to be part of more than one layer.  Such objects will be displayed unless all of the layers of which it is a member are turned off.  Layer names set in the _Layers custom tag for such objects must be separated by the vertical bar character i.e. |  

For example in the sample Potter genomap  the Emotional Relationships from Lord Voldemort towards James Potter and Lily Evans are in a layer named 'Emotional Relationships' and also in a layer named 'Violence'

http://support.genopro.com/Uploads/Images/a0164e57-4405-439c-855d-a0d9.png


I have also added a background to the dropdown list and made the layer names clickable as well as the checkbox to make it easier to use.
By NiKo - Friday, November 3, 2023
This is fantastic.

Playing with the Layer Names and Check Boxes, I realized it is now much easier to visualize how Households change over time.

Much easier to communicate a family's history to someone just by checking and unchecking a few boxes.

Thank you Genome!
By genome - Saturday, November 4, 2023
I'm glad you are finding it useful.  It was fairly straight forward to implement harnessing the power HTML CSS Classes enabling me to easily hide or display groups of objects.

I'd really like the wider user base to be aware of this feature to enhance their family history stories. 

I'll will ask Dan at GenoPro Inc. to include the latest skin templates in an update to GenoPro.exe.  It would be great if he can incorporate a similar feature in GenoPro X. Unsure
By NiKo - Tuesday, November 7, 2023
Thank you for implementing it so quickly!

Wondering if you could add an additional capability?

If I recall correctly, there was a great example in Monica McGoldrick's Genograms book showing how the Fonda(?) children were shunted around from caregiver to caregiver.

Would it be possible to adjust the "Date Reference" for a particular layer? ie, Layer 1 has a Date Reference of April 1, 1960, Layer 2 has a Date Reference of May 1, 1970, etc? Or is that pretty much fixed with the individual GenoMap?

Thanks!
By NiKo - Wednesday, November 22, 2023
I had some difficulty getting the layers to work correctly.

I initially created 5 layers, but only the first layer I created (Y-DNA) worked correctly.


http://support.genopro.com/Uploads/Images/37afe3af-a827-4086-aacc-5591.png

I thought it might be due to the Greek characters, so I switched them to English, but once again, only the Y-DNA layer worked.
http://support.genopro.com/Uploads/Images/c801dd97-4939-4b53-8fd8-d058.png

So, I thought the issue might be due to the spaces, so I edited all the layers and they worked correctly.  However, I saw in your Harry Potter demo that you had spaces in some of your Layer Names and they worked correctly.  Was I doing something wrong?
http://support.genopro.com/Uploads/Images/4ccd01b7-7e1c-419d-b8d1-7a70.png
By genome - Thursday, November 23, 2023
1. Re 'Date Reference',  as you suggest a genomap can only have a single 'date reference' and as far as I can see its only purpose is when calculating and displaying ages etc.

Not all objects have dates and so I fail to see how I could apply this to layers.

2. Re spaces in layer names.  Yes there is a issue here. Layer names are mapped to CSS Class names but the latter cannot include spaces and so when generating the SVG for a genomap I replace spaces with double underscore __ in the Class name using the VBScript 'Replace' function, which replaces all spaces by default.

However when clicking the layer name in the published report I use the javascript 'replace' function which by default only replaces the first occurrence.  Hence my example with one space works whilst yours with multiple spaces doesn't. 

The attached replacement for Common\Code\genomap.htm fixes this issue.  This fix is also available in the Report Skin Templates bundle version 2023.11.29 see Updates to Report Skin Templates since GenoPro 2020 version 3.1.0.1