Search for Connections Mod

[theKiwi]

@mjaro - here's mine - I've added a legend to it, and use a nice star for the starting person

 

This is version 13.0.2.4 from the Wiki

Roger

[fluffy82]

16 minutes ago, tngrlkrz said:

I am not seeing what Tom is, but realize, for me, WP is not in the mix. The gender icons are displaying correctly with one exception (pictured).

It is probably a browser thing... I tried on Firefox, Chrome and Edge, and it gave me the same weird result every time. But on the Samsung browser they show like yours (no box and after the name in stead of in front).

On top of that, while Firefox doesn't display any thumbnails if there aren't any, Chrome displays a "missing file" image...

[tngrlkrz]

2 minutes ago, theKiwi said:

use a nice star for the starting person

Roger,

The bullet is better, but your star is best!   I may use that.

[theKiwi]

This is my site with WordPress involved (the above was the TNG site)

 

The gender icons are now all out of order in the text display, and as Tom showed, the icon now precedes the name, not come after it.

I haven't had a chance yet to look and see what is causing this.

Roger

[tngrlkrz]

3 minutes ago, fluffy82 said:

It is probably a browser thing

Don't think it is browser related, the latest Chrome and Firefox work fine for me.

[fluffy82]

1 minute ago, theKiwi said:

The gender icons are now all out of order in the text display, and as Tom showed, the icon now precedes the name, not come after it.

In my case, they show there because #pathlist img is set to "float: left". Disabling that puts the icons in the right spot, but messes up the thumbnail position.

[fluffy82]

2 minutes ago, fluffy82 said:

In my case, they show there because #pathlist img is set to "float: left". Disabling that puts the icons in the right spot, but messes up the thumbnail position. 

Setting img.emoji to float right and other img to float left resolves the thumbnail problem, but not the text problem.

[theKiwi]

I've revised to my private Mod which changes the colours, fonts, star, to now also remove the gender icon - that's tidied it up

 

Roger

[mjaro]

2 hours ago, fluffy82 said:

I just installed the version that was uploaded today

Tom, it must be a mistake: I've never shared such a version that is using TNG gender icons!

I guess the mod was not uninstalled clean after your earlier experiments, and then old files couldn't be replaced by the ModManager. (also some other changes)

The cleanest way to go to proper versions of files:

1. Uninstal the mod again, and then "Delete" with ModManager

2. make sure that the old files don't remain at the TNG root level (connections.php and connections-form.php !)

3. make sure that the old mod directory is also deleted (either mods/connections_3a and/or mods/connections_4)

4. It is also possible that genstyle.css has not been cleaned by ModManger. If you can look at the end of it, make sure that connections' styles do'n't stay there, and possibly delete them.

5. Now you can copy the mod files and install.

When start using TNG after these steps, please clear browser cache!

Michał

[tngrlkrz]

Michal,

I don't believe those icons/symbols are from TNG.  The ones from TNG look like the ones you're using.  I think those icons (and those in Rogers earlier snapshot) are from WordPress.

 

[mjaro]

1 hour ago, theKiwi said:

I've revised to my private

Looks fine! I think there are more users might also want to apply your mod !

It's also a great idea to give a explanation of bullets/symbols: I'll do the same for the next mod version!

The only thing i don't undertand is why the diagram isn't as compact as in my clean installation:

Michał

 

[mjaro]

6 minutes ago, tngrlkrz said:

Michal,

I don't believe those icons/symbols are from TNG.  The ones from TNG look like the ones you're using.  I think those icons (and those in Rogers earlier snapshot) are from WordPress.

 

Is it possible that WordPress can replace text characters with graphics??

If so, the the strange look is the result, as there is a css style for <img> tags which keeps them flushed left. This was the reason I decided to not to use TNG gifs...

[tngrlkrz]

Here's a look without containers in a couple templates (and I prefer all names bolded).

 

 

[fluffy82]

49 minutes ago, tngrlkrz said:

Michal,

I don't believe those icons/symbols are from TNG.  The ones from TNG look like the ones you're using.  I think those icons (and those in Rogers earlier snapshot) are from WordPress. 

 

Yes, going through the "inspect page" function, the images seem to be .svg files loaded from a WordPress page. The big question is why it does that... 🤔

 

[theKiwi]

52 minutes ago, mjaro said:

The only thing i don't undertand is why the diagram isn't as compact as in my clean installation:

 

Are you referring to the height of the boxes?

Here is my site with just TNG - no WordPress

http://lisaandroger.com/tng/connections.php?altprimarypersonID=&savedpersonID=I1&secondpersonID=&maxR=99&showTxt=true&showPic=true&sortpathsby=length&maxL=33&primarypersonID=I16&tree=Roger&s=

The boxes are still "too high". They are being made 40px high, but I can't see where that is coming from.

Roger

[mjaro]

Just now, fluffy82 said:

the images seem to be .svg files loaded from a WordPress

Sometimes I use Wordpress but I don't like it. Since he is so brazen that he dare to replace the html code produced by my PHP, I will even hate it. He becomes like a google or facebook which know even better than you yourself what you really want.

Anyway, since many use it, I'll solve that simple problem and share the solution.

[mjaro]

4 minutes ago, theKiwi said:

Are you referring to the height of the boxes?

Here is my site with just TNG - no WordPress

http://lisaandroger.com/tng/connections.php?altprimarypersonID=&savedpersonID=I1&secondpersonID=&maxR=99&showTxt=true&showPic=true&sortpathsby=length&maxL=33&primarypersonID=I16&tree=Roger&s=

The boxes are still "too high". They are being made 40px high, but I can't see where that is coming from.

Roger

When you select "Thumbs: no" they look as low as in my screen.

[theKiwi]

The height of the box for William Moffat is inspected here - it's showing as 40px tall - no idea where that is coming from - it's the same for me in Safari and Chrome on Mac OS X 10.14.6

Roger

[theKiwi]

2 minutes ago, mjaro said:

When you select "Thumbs: no" they look as low as in my screen.

Yes, that is true - I hadn't realised that the thumbs were causing this - now a new problem for me then is that on the WordPress page the thumbs aren't showing even when it's set to Yes, but the box still gets the height of 40px

 

http://lisaandroger.com/genealogy/connections.php?maxR=99&amp;showPic=true&amp;showTxt=true&amp;sortpathsby=length&amp;maxL=33&amp;primarypersonID=I16&amp;savedpersonID=I1&amp;tree=Roger

Roger

[fluffy82]

47 minutes ago, mjaro said:

Sometimes I use Wordpress but I don't like it. Since he is so brazen that he dare to replace the html code produced by my PHP, I will even hate it. He becomes like a google or facebook which know even better than you yourself what you really want.

Anyway, since many use it, I'll solve that simple problem and share the solution.

Besides connections.php, is there any other place where you define the text to be displayed?

I changed it into:

function gendIcon($gender){
    if($gender=='M') return "<i class="fab fa-mars"></i>";
    if($gender=='F') return "<i class="fab fa-venus"></i>";
    return "";
}

but my webpage keeps on using your original <span style='color:blue'>&#9794;</span>... I emptied my cookies and temp folder, uninstalled, removed, redownloaded and reinstalled the mod, used 3 different browsers on two different computer, and even made the change into FontAwesome before uploading and installing the mod, but nothing helps. The original code is always used, and any changes ignored. I even tried different icons and just text, but no difference either.

[mjaro]

15 minutes ago, fluffy82 said:

is there any other place where you define the text to be displayed?

The text is almost always taken from the language custtxt, apart from this particular place where it is hardcoded.

May I ask you to check if it is possible to "deceive" Wodrpress putting the gender character coded as 3-byte sequence? Please set in my original gendicon function the text   \xe2\x99\x82  as the male symbol and  \xe2\x99\x80 as the female symbol ?

P.S. forgive my teaching on reinstalling mods 😡

[mjaro]

1 hour ago, theKiwi said:

Yes, that is true - I hadn't realised that the thumbs were causing this - now a new problem for me then is that on the WordPress page the thumbs aren't showing even when it's set to Yes, but the box still gets the height of 40px

 

http://lisaandroger.com/genealogy/connections.php?maxR=99&amp;showPic=true&amp;showTxt=true&amp;sortpathsby=length&amp;maxL=33&amp;primarypersonID=I16&amp;savedpersonID=I1&amp;tree=Roger

Roger

Roger, you are too fast for me.

When inspected your page I could see different states... the one similar to the screen above was because it was  <img src=""> --i.e. empty image, but still image, so it took the space as it is not empty.

Michał

[theKiwi]

On 2/22/2021 at 1:27 PM, mjaro said:

When inspected your page I could see different states... the one similar to the screen above was because it was  <img src=""> --i.e. empty image, but still image, so it took the space as it is not empty.

Yes, I've spent the last hour or more trying to figure out what is causing this - the images show on my WordPress testing site that was running a much newer version of WordPress, and I've now updated it to the current and it still works.

[Website Example URL Removed as Website is Defunct]

On my "main" site, the images wouldn't show and that was because $photoPath was evaluating to empty - the only difference being the WordPress version.

I'm now checking a few things out before taking the plunge and updating my main WordPress site to the current WordPress - hoping it doesn't break it all!

http://lisaandroger.com/genealogy/connections.php?maxR=99&showPic=true&showTxt=true&sortpathsby=length&maxL=33&primarypersonID=I16&savedpersonID=I1&tree=Roger

If you click that link and see images, then it's working.

Roger

Edited December 30, 2023 by theKiwi
[Website Example URL Removed as Website is Defunct]

[tngrlkrz]

On 2/22/2021 at 12:33 PM, theKiwi said:

click that link and see images, then it's working.

Slow to load, images on the first link, but not on the second.

[fluffy82]

22 minutes ago, mjaro said:

May I ask you to check if it is possible to "deceive" Wodrpress putting the gender character coded as 3-byte sequence? Please set in my original gendicon function the text   \xe2\x99\x82  as the male symbol and  \xe2\x99\x80 as the female symbol ?

No, that doesn't work either...

There is a way to disable the automatic .svg replacement from within WordPress, but that will also break all other emojis etc on the whole website...