webtrees 1.4.1 released 26 March 2013

Although it is only a few weeks since the release of webtrees 1.4.0 it’s replacement, 1.4.1 has just been made available.

1.4.0 contained a major re-write of all media handling code. With such a significant change it is not surprising there were a number of initial bugs found. It is often the case that only exhaustive testing by large numbers of users can uncover all bugs.

In this case, including media the media issues, 1.4.1 contains about 20 reported bug fixes. It also contains a new complete translation to Chinese, bringing the total number of languages included with standard downloads to a staggering 35.

Adding tabbed sections to a webtrees “story”

If you use the “stories” module in webtrees, you will have noticed that long stories can require a lot of scrolling down the page to completely read them.

Some people are quite happy with that display style. But personally I prefer to break a long story into logical “pages”.

It is actually quite easy to do this within the stories module, providing you have some basic understanding of HTML code.

First you need to wrap your entire story in a single <div> element, with a unique id such as “story_tabs”:

<div id="story_tabs">
      Your story content
</div>

Next give your tabs some titles, using html <ul> and <li> tags. Note that you must also use the <a> and <span> tags shown here.

<div id="story_tabs">
     <ul>
        <li><a href="#sub1"><span>INSERT TAB TITLE 1 HERE </span></a></li>
        <li><a href="#sub2"><span>INSERT TAB TITLE 2 HERE </span></a></li>
        <li><a href="#sub3"><span>INSERT TAB TITLE 3 HERE</span></a></li>
    </ul>
    Your story content
</div>

Now add your story in three separate <div> elements, each with an id to match the “#sub…” references in the titles, like this:

<div id="story_tabs">
     <ul>
        <li><a href="#sub1"><span>INSERT TAB TITLE 1 HERE </span></a></li>
        <li><a href="#sub2"><span>INSERT TAB TITLE 2 HERE </span></a></li>
        <li><a href="#sub3"><span>INSERT TAB TITLE 3 HERE</span></a></li>
    </ul>
    <div id="sub1" style="padding: 1em;">
        INSERT STORY PART 1
   </div>
    <div id="sub2" style="padding: 1em;">
        INSERT STORY PART 2
   </div>
    <div id="sub3" style="padding: 1em;">
        INSERT STORY PART 3
   </div>
</div>

The last step is to activate the javascript libraries necessary to make the whole thing work, and to have the formatting as other tabs on your site. At the very end of the page add these three lines of javascript:

<script type="text/javascript" language="javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery-ui-1.10.3.js">
</script> <script>jQuery("#story_tabs").tabs();</script>

There is one problem to remember for the future. You will see that the final piece code refers to “1.10.2.js” and “1.10.3.js”. webtrees has added version-specific titles to javascript libraries. This is a good thing, as it allows the library to be cached, yet be automatically reset when a new version is added. But for us it means we will have to remember to go back to these story pages and amend those numbers at each upgrade. Can’t be helped I’m afraid. It’s for the greater good  😕

Simpl-addons and webtrees 1.4.0

Since the release of webtrees 1.4.0 I have been completing the conversion of all add-ons so they are fully compliant with the new code.

A couple of them would work with no changes, but it is an opportunity to make minor improvements or bug fixes, so ALL simpl_addons either have been or will shortly be upgraded.

If you are looking for an add-on that does not show an Updated for w1.4.0 label please check back later. I will get to all of them as soon as possible.

If you have any questions about any of the downloads, plese go to the Support link in the top menu. You will need to register, but once that is completed you can use the forum there to request any help you need.

Major upgrade for webtrees (1.4.0), including all new media object handling.

Yesterday (7th March 2013) saw the 22nd upgrade of webtrees. This is numbered 1.4.0 (the previous version was 1.3.2) to signify at least one major part of the system has had major changes.

On this case that part is the media handling code. Everything from the way media objects are uploaded and managed to how they are displayed has been re-written.

There are plenty of other changes too, but few will be obvious on the surface. Many have been targeted at improving the speed of page loading, with some considerable success in many places. The reported summary of changes is:

  • Integrating the media firewall into the core code, removing the dependency on .htaccess files.
  • Re-factoring the media folders/paths to improve the performance of the media lists, even with 10,000’s of files.
  • Replace the lightbox viewer with a modern, lightweight alternative.
  • Improve performance by re-factoring access to configuration settings.
  • Performance improvements, giving a PageSpeed/YSlow score of ~95%
  • Fix over 50 reported bugs.

Over the next 24 hours we will update all kiwitrees client platforms. Once that is completed we will start releasing updates to the full range of simpl-add-ons, closely followed by some new modules, and a new theme. So “watch this space” for developing news!!