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

GenoPro Support Forum




Genomap.svg - Circle to highlight an individual

Click to view RSS...
Author the circle hides all links
Posted Wednesday, October 03, 2018 - Post #38973
Forum Guru

Forum GuruForum GuruForum GuruForum GuruForum GuruForum GuruForum GuruForum GuruForum Guru

Customers
FamilyTrees.GenoPro.com
Important Contributors
Translator
GenoPro version: 3.0.1.4

Last Login: Yesterday @ 6:00 PM
Posts: 189, Visits: 2,679

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"
Posted Wednesday, October 03, 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.0.1.4

Last Login: Yesterday @ 8:38 PM
Posts: 2,659, Visits: 19,338
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 (13 views, 90.24 KB)

Edited: Thursday, October 04, 2018 by genome
Posted Wednesday, October 03, 2018 - Post #38975
Forum Guru

Forum GuruForum GuruForum GuruForum GuruForum GuruForum GuruForum GuruForum GuruForum Guru

Customers
FamilyTrees.GenoPro.com
Important Contributors
Translator
GenoPro version: 3.0.1.4

Last Login: Yesterday @ 6:00 PM
Posts: 189, Visits: 2,679
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