GenoPro Home
GenoPro Home  |  Get Started With My Genealogy Tree  |  Buy  |  Login  |  Privacy  |  Search  |  Site Map
 

GenoPro Support Forum


Home » GenoPro » Report Generator » Genomap.svg - Circle to highlight an individual


Genomap.svg - Circle to highlight an individual

Click to view RSS...
Author the circle hides all links
vlepore
Posted Wednesday, October 3, 2018 - Post #38973
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Customers
FamilyTrees.GenoPro.com
Important Contributors
Translator
GenoPro version: 3.1.0.1
Last Login: Thursday, December 19, 2024
Posts: 214, Visits: 3,616

Good morning.

In genomap.svg, the "circle" symbol iscreated to highlight the linked individual where you clicked on.

See line 348:
               <circleid="highlight" cx="0" cy="0" r="50" style="stroke: fuchsia;stroke-width:5px;…. /> 

However, this circle also covers external or internal links as well as links to the personal data of that specific individual.

I thought about changing the "circle" symbol as follows:
               <circleid="highlight" cx="0" cy="0" r="15" style="stroke: fuchsia;stroke-width:15px;…. "/>

http://support.genopro.com/Uploads/Images/1b45d881-53f4-4563-a1e7-fa7f.jpg

In this way, the cell of the individual remains highlighted and thelink to personal data is not completelycovered and hidden by the "circle" symbol itself.

Any ideas for other possible best solutions?

Thank you

Vittorino Lepore 
"Se non porti almeno una soluzione, anche tu fai parte del problema" or "If you don't bring at least a solution, even you're a part of the problem"
genome
Posted Wednesday, October 3, 2018 - Post #38974
Legendary Master

Legendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary MasterLegendary Master

Administrators
Customers
Important Contributors
FamilyTrees.GenoPro.com
GenoPro version: 3.1.0.1
Last Login: Yesterday @ 9:20 AM
Posts: 3,396, Visits: 26,180
Until your post I was not aware that an unfilled circle would block pointer interactions with the objects below it.

A simple solution is just to set the "pointer-events" attribute of the highlight circle to "none", thus allowing access to the elements below it. We can also pulsate the circle via an animation.
 
<circle id="highlight" cx="0" cy="0" r="50" style="stroke-width:3px;fill:none;opacity:0.3;" visibility="hidden" pointer-events="none">
<animate attributeName="r" values="10;50" dur="5s" repeatCount="indefinite" />
<animate attributeName="stroke" values="fuchsia;fuchsia;white;fuchsia;fuchsia" dur="1s" repeatCount="indefinite" />
</circle>


 A replacement for Narrative Common\Code\genomap.svg is attached..

N.B. if a smaller circle is used as per your example then its size would need to be adjusted according to the size of the gender symbol.

'lego audio video erro ergo disco' or "I read, I listen, I watch, I make mistakes, therefore I learn"

genomap.svg (54 views, 90.24 KB)

Edited: Thursday, October 4, 2018 by genome
vlepore
Posted Wednesday, October 3, 2018 - Post #38975
Famous Writer

Famous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous WriterFamous Writer

Customers
FamilyTrees.GenoPro.com
Important Contributors
Translator
GenoPro version: 3.1.0.1
Last Login: Thursday, December 19, 2024
Posts: 214, Visits: 3,616
Your solution is certainly better!
Thank you

Vittorino Lepore 
"Se non porti almeno una soluzione, anche tu fai parte del problema" or "If you don't bring at least a solution, even you're a part of the problem"


Similar Topics

Click to view RSS...
Expand / Collapse

Reading This Topic

Expand / Collapse


Powered By InstantForum.NET 2010-3-x © 2025
Execution: 0.016. 7 queries. Compression Enabled.