Question Embed On Another Website

Hello everyone,

I'm new to webtrees and web programming, sorry if I don't express myself well.

I am creating a website in Joomla and I would like my webtrees tree to appear on one of its pages.

I have tried to add the link to my tree using the embedded url Joomla element but the website does not seem to load, the screen simply remains blank.

Please I would appreciate if anyone can help me. I attach an example of what I want:

[url] web.archive.org/web/20240513221651/http:...index.php/genealogia [/url]

Thank you and I await your response.

I.believe the only way this will work is by putting webtrees in an iframe within Joomla.

In the “Showcase” section here (see menu above) this site does it: www.vdrmolen.com/genealogie-van-der-molen/webtrees-bridge

Perhaps contact its owner.

My own website is running with Joomla and webtrees. I integrated webtrees within an Iframe-Wrapper in Joomla. You can create a new menu item in Joomla and choose the type Wrapper / Iframe-Wrapper. In the settings of the Iframe-Wrapper menu item, you can insert the webtrees URL.

I have been using the Joomla/webtrees combination for 20 years and my experiences are very good. If you have some questions about Joomla/webtrees concepts, I can support.

For Joomla/webtrees integration, I also created a webtrees custom module ChangeLanguageWithURL , which allows to switch the language in webtrees if the language in Joomla is changed. You can watch this on my website, see link above.

Hello, I'm new in this forum. Is it possible to have a little explanation about how to do to add webtrees in a Joomla website ? Is it possible with Joomla!5 and PHP 8.

Thanks a lot !

See showcase examples

Halloy wrote:

Hello, I'm new in this forum. Is it possible to have a little explanation about how to do to add webtrees in a Joomla website ? Is it possible with Joomla!5 and PHP 8.

 

It is definitely possible. My installation runs with Joomla 5.1.2, PHP 8.2.20, and webtrees 2.1.20.

You need to take the following steps:

Joomla

1. Create a menu (or use an existing one)
2. Add a new menu item to the menu and choose the Menu Item Type "Wrapper" / "IFrame Wrapper", see screenshots
3. Add the webtrees URL into the related text box, see screenshot
4. For the webtrees URL, you can use webtrees "home", but also any other URL with a route to specific modules/views.
5. If you are using the webtrees csutom module ChangeLanguageWithURL , you can add the wanted webtreees language at the end of the URL, e.g "&language=es"
6. If you are using multi-language Joomla pages, you need to repeat steps 1-5 for each language and link the different menu items with "Associations". The language management in Joomla will choose the right page, then. By using the URL parameter "&language=...", webtrees will choose the language you specify.
7. You might consider to use several webtrees IFrame wrappers to show different views of webtrees. In my Joomla/webtrees site, I have menu items for search, sources, pedigree, ...

webtrees:

1. Choose a webtrees theme that fits to your Joomla template. A good starting point is the colour theme in webtrees, because it already provides a lot of different color settings to choose from. 
2. Use the "CSS and JS" module in the control panel to futher adjust webtrees with CSS, see screenshot.
3. In the module, you can adjust the webtrees colours with CSS.
4. You can also hide (or modify) certain webtrees menus etc. with CSS by setting the related CSS class to "display: none".
5. You can find a good description of the possibilities with CSS in the German webtrees manual (which your browser hopefully translates to other languages).
6. I also attach the CSS code from my webtrees "CSS and JS" module. It shows that a lot of things can be modified by just 40 lines of code, see attachement.

 
 
 
 

Thanks a lot for your reply. It helped me to get started. It’s exciting! However, I have red tags, like IND:_FIL? I set to "hide errors" but it still displays. How do I fix it?
Thanks in advance

Do not use _FIL .

Have a look at

 Custom GEDCOM tags

in control panel, gedcom tags.
 

Hello Franz,

These tags displayed in red in webtrees are in the gedcom I imported. If I understand correctly, INDI:_FIL is applied if the child was legitimized. I have not seen a custom tag to replace it. And the fact of having checked "Hide errors" does not hide it. Is it normal .

Thanks a lot

please create a new topic. this topic is not related.