Overview

Indented Descendant Charts are User Items that create descendant charts where children are indented under the entries for their parents. In modern browsers, the charts include plus [+] and minus [-] symbols that allow expanding or collapsing sections of the tree. The Second Site demonstration site includes an example chart.

For people in the chart who have a person page entry, the chart entry links to the person page entry and vice-versa.

Edit Indented Descendant Chart

The Edit Indented Descendant Chart window controls the properties of an Indented Descendant Chart.

Shared Properties

Second Site uses many of the same properties for all the different chart types. If you do not see a property explained here, look for it on the Chart Properties page. See the Chart Membership page for an explanation of the Continue Excluded Lines property and other topics related to why people appear—or don't appear—in charts.

Include Spouses

If the Include Spouses property is checked, the chart will include partners with whom a descendant had children.

Include Childless Spouses

If the Include Spouses property is checked, and the Include Childless Spouses property is also checked, the descendant report will include partners who share a Marriage Group event with the descendant even if the union did not produce children.

Include Marriage Date

If spouses are included and the Include Marriage Date property is checked, spouse entries will include the marriage date in the lifespan. The default value is checked.

The marriage date is subject to the Show when Principal to Marriage Event detail filter.

If spouses are included and Include Person Entry Chart Link for Spouses is checked, which is the default, spouses who appear in the chart will have links back to the chart in their person page entry.

If Include Person Entry Chart Link for Spouses is not checked, spouses who appear in the chart will not have links back to the chart in their person page entry.

Uncheck the option if you prefer that person page entries include links back to the chart only when the person is related to the subject of the chart, and not related by marriage.

Use Spouse Style

If the Use Spouse Style property is checked, spouse entries will use the spouse style rather than the female or male style.

Dynamic Features

The Indented Descendant Chart includes some dynamic features that are implemented via browser scripting.

The chart may be configured to open fully collapsed or fully expanded based on the setting of the Open Collapsed checkbox.

The chart includes a Collapse All button to close all the expanded sections and an Expand All button to open all collapsed sections. For large charts with thousands of members, the browser may take a long time to respond to clicks on the Collapse All and Expand All buttons. For that reason, you should split large descendancies across multiple charts.

Note The controls for the dynamic features are not visible when viewing the page using Internet Explorer version 7 or less, but are visible in modern browsers.

Other Information

Most people who visit your site will understand that the [+] and [-] symbols open and close branches of the tree. Still, if you want to explain how the controls work, you may want to use the symbols in the text. To do that, you can use the following HTML to produce the same symbols as used in the chart:

<button class="iconlegend iconlistopen"></button>
<button class="iconlegend iconlistclose"></button>

Stylesheet Sections

The items in the chart are affected by the following Stylesheet sections. The sections apply to both the Indented Descendant Chart and Indented Pedigree Chart.

Stylesheets.Theme.Charts
This section defines the default color values for the items in all chart types.
Stylesheets.System.Charts.Indented Chart Items
This section defines the "icbase" class that is assigned to all items in the chart. Use this section to alter the border or font characteristics. The border color and text color are set in the Stylesheets.System.Charts.Indented Chart Colors section.
Stylesheets.System.Charts.Indented Chart Colors
This section defines the colors for specific items in the chart. The colors default to the same colors defined in the Stylesheets.Theme.Charts section, but they are applied to more specific types of entries. So, for example, the Stylesheets.Theme.Charts section has a male-background-color property and that value is assigned to the father-background-color and son-background-color properties in the Stylesheets.System.Indented Chart Colors section. The father-background-color value is used in the Indented Pedigree Chart and the son-background-color value is used in the Indented Descendant Chart.

CSS Information

The following information is intended for advanced users.

The Indented Descendant Chart uses the following CSS classes. This is not an exhaustive list.

Multiple CSS classes are assigned to many chart items. An entry for a daughter in the chart is assigned the classes icbase and icdaughter, for example.

Class Description
cf The cf class is assigned to the DIV element that encloses all charts in Second Site. The properties of the cf class are modified via the Stylesheets.System​.Charts.Container section.
chartinddesc The chartinddesc class is assigned to the DIV element that encloses all charts in Second Site. There is no Stylesheet section for the chartinddesc class, but you can use it in the selector of a User Style to make a rule that applies to items in Indented Descendant Charts only. So, for example, a User Style with the selector .chartinddesc .icsubject would apply to subjects in Indented Descendant Charts, but not to subjects in other chart types.
icbase The idbase class is assigned to all the people in the chart, i.e., subject, spouses, daughters, and sons that appear in the chart. The properties of the idbase class are modified via the Stylesheets.System​.Charts.Indented Chart Items section.
icsubject The icsubject class is assigned to the subject of the chart. The properties of the icsubject class are modified via properties in the Stylesheets.System​.Charts.Indented Chart Colors section that begin with the prefix "subject".

Second Site also uses the values assigned to the subject to highlight other entries when following a link from a person page to a specific person in the chart.

icspouse The icspouse class is assigned to spouses in the chart. The chart will only include spouses if the Include Spouses property is set. The properties of the icspouse class are modified via properties in the Stylesheets.System​.Charts.Indented Chart Colors section that begin with the prefix "spouse".
icdaughter The icdaughter class is assigned to daughters in the chart. The properties of the icdaughter class are modified via properties in the Stylesheets.System​.Charts.Indented Chart Colors section that begin with the prefix "daughter".
icson The icson class is assigned to sons in the chart. The properties of the icson class are modified via properties in the Stylesheets.System​.Charts.Indented Chart Colors section that begin with the prefix "son".
icunknown The icunknown class is assigned to people of unknown gender in the chart. The properties of the icunknown class are modified via properties in the Stylesheets.System​.Charts.Indented Chart Colors section that begin with the prefix "unknown".
cdt The cdt class is assigned to a SPAN element that encloses the dates in the chart. The properties of the cdt class are modified via properties in the Stylesheets.System​.Charts.Chart Dates section.
cgn The cgn class is assigned to SUP elements that enclose generation numbers in the chart. The properties of the SUP elements are modified via properties in the Stylesheets.System​.Sources.Superscripts section. There is no Stylesheet section for the cgn class, and Second Site does not assign any properties to the class, but you can use it in the selector of a User Style. Second Site uses the selector sup.cgn to set the font-style to italic. You should use the same selector to modify other attributes of the generation number. It's difficult to achieve good, cross-browser results for SUP elements, so I suggest you test any modifications in multiple browsers.
icg1, icg2, etc. The icgN classes are assigned to people in the chart based on the number of generations from the subject to the current person. So, for example, the icg0 class is assigned to the subject: there are zero generations between the subject and himself or herself. The icg1 class is assigned to the children of the subject, icg2 is assigned to the grandchildren of the subject, etc.

There are no Stylesheet sections for the icgN classes, but you can use them in the selectors of User Styles to make rules that vary by generation. For example, to assign alternating background colors for the first ten generations in the chart, you could define two User Styles as follows:

selector-1:
icgn1, icgn3, icgn5, icgn7, icgn9
 
parameters-1:
background-color: #eee;
 
selector-2:
icgn2, icgn4, icgn6, icgn8, icgn10
 
parameters-2: background-color: #ddd;

You can copy the text above and then use the special paste command for User Styles to add it to your SDF file.

On This Page

See also: