GedSite: - Pedigree Link

Overview

You may add a Pedigree Link item to include a link to the site's Interactive Pedigree chart to the Person Entry. The link will open the Interactive Pedigree chart with the subject set to the subject of the current person entry.

You must add an Interactive Pedigree User Item to your site or the Pedigree Link item will not work. The Pedigree Link item adds a link to the Interactive Pedigree page with parameters that focus it on the current person. If you do not add an Interactive Pedigree User Item to your site, the Pedigree Link item will not add a link to the person entry.

See the Interactive Pedigree chart page for more information.

Properties

Generations

Use the Generations textbox to specify how many generations the chart should contain when linked from the Pedigree Link item. The interactive capability of the chart reduces the need to show many generations. The allowable range is 3 to 5. The default is 3 generations.

The visitor may adjust the number of generations via a pull-down menu above the chart.

Output Type

The Output Type determines the basic appearance of the Pedigree Link in the Person Entry. There are three choices as described below. The default is "Field".

For all the Output Type choices, the text of the Pedigree Link is set to the title assigned to the Person Entry item.

Output Type	Description
Button	A link is added to the Person Entry and formatted like a button. The button resembles the Family Explorer button. Use this Output Type if you want the Pedigree Link to appear as a button. Use the Button Format property to control whether the button has an icon, text, or both.
Field	A link is added to the Person Entry using the "Field" structure. The appearance of Fields varies by the Format, but Field items usually have a caption and a value, such as "Last Edited: 18 November 2018". The Pedigree Link item has a value only. For grid-type Formats, the empty caption will produce an empty column value. For list-type formats, the item will be lacking a caption.
Text	The link is added to the Person Entry as text.

Output Type

Description

Button

A link is added to the Person Entry and formatted like a button. The button resembles the Family Explorer button.

Use this Output Type if you want the Pedigree Link to appear as a button. Use the Button Format property to control whether the button has an icon, text, or both.

Field

A link is added to the Person Entry using the "Field" structure.

The appearance of Fields varies by the Format, but Field items usually have a caption and a value, such as "Last Edited: 18 November 2018". The Pedigree Link item has a value only. For grid-type Formats, the empty caption will produce an empty column value. For list-type formats, the item will be lacking a caption.

Text

The link is added to the Person Entry as text.

Button Format

The Button Format pull-down menu controls the content of the button when Output Type is set to "Button". There are three choices:

Icon – The button includes an icon only.
Text – The button includes text only.
Icon and Text – The button includes both an icon and text.

The default is Icon and Text.

Styles

You may alter the appearance of Pedigree Links using User Styles. The styles vary according to the Output Type.

Button Styles

When Output Type is set to "Button", the HTML and CSS styles mimic the appearance of the Family Explorer button. You can customize the look using the properties in the Styles.Person Entry.Interactive Pedigree Button section.

Field Styles

When Output Type is set to "Field", the HTML varies according to the Format. GedSite sets multiple styles which you can discover by using an HTML inspector. If you wish to alter the appearance of the Anchor ("A") element only, its CSS class is "gs-pe-ip-field-link".

Text Style

When Output Type is set to "Text", the HTML includes a single Anchor ("A") element with the style set to "gs-pe-ip-text-link". GedSite sets display: block with a small top and bottom margin.

Here is an example User Style you might add to transform a Pedigree Link to look like a button. Start with Output Type set to "Text" and add this User Style via the Copy / Paste User Style method.

This example is out of date because Output Type now includes the "Button" option. The example has not been removed because it shows CSS that modifies the appearance of the output when Output Type is set to "Text".

 selector-1:
 .gs-pe-ip-text-link, .gs-pe-ip-text-link:link, .gs-pe-ip-text-link:visited, .gs-pe-ip-text-link:hover, .gs-pe-ip-text-link:active

 parameters-1:
 background-color: #369;
 border-radius: 3px;
 color: #fff;
 display: inline-block;
 font-weight: bold;
 padding: 4px 6px;
 text-align: center;
 text-decoration: none !important;

The selector value above is long and may not be visible in your browser. Make sure you copy the entire text.