I haven't used Child Links on a public site yet, but here is a link to my site that has a screen shot from an intranet site I am doing that uses Child Links. The part circled in red is the child links module.
http://www.rattz.com/PublicPortal/Default.aspx?tabid=142
Posted By llong on 7/09/2007 10:20 AM By request, I shall explain a bit more about the Duhaime site.
...Also, we chose individual DNN pages over a glossary application for design freedom and SEO considerations. Each term page uses a brief definition as the meta-description. The Child Links module allowed the original alpha pages to be recreated by using a definition list in the template. The dt is the page name and the dd is the description ...
Holy cow. THAT is *scratches head*... Unprecedented!
Absolutely brilliant.
Hi!
We're using it at our website:
Nukedesigners.com
Both in home page for navigation and also I'm using it as
kind of a "catalog template" with the subscription sign up module.That is in the "product catalog" page.
Thanks.
ok
Child Links in mi site: http://dnn.avizor.info/Videovigilancia/tabid/525/Default.aspx
PropertyAgent is also widely used on this page!!!
We use it extensively on www.naplesgov.com, as well as other Ventrian products. Jeff
I posted this before but the update is worth posting again...
Child Links as a glossary: http://www.duhaime.org/LegalDictionary/A.aspx
The body is generated by the Child Links app. The expand/collapse function is brought to you by jQuery.
Template:
Head: Expand All Collapse All Body: [NAME] [DESCRIPTION] Expanded Legal Definition of [NAME] Foot: Click on plus sign to view definition
jQuery:
$(document).ready(function(){ $('dt').addClass('contracted'); $('#expandButton').show(); $('#expandButton').click( function(){ $('#termlist dd').show(); $('#termlist dt').removeClass('contracted'); $('#expandButton').hide(); $('#collapseButton').show(); }); $('#collapseButton').click( function(){ $('#termlist dd').hide(); $('#termlist dt').addClass('contracted'); $('#expandButton').show(); $('#collapseButton').hide(); }); $('dt').toggle(function() { $(this).removeClass('contracted'); $(this).next().slideDown('fast'); }, function() { $(this).next().slideUp('fast',function() { $(this).prev().addClass('contracted') }); });
CSS:
dl{margin-left:1em;} dl dd{margin-left:2em;} /* .hasJS is a test class I place to see if the browser is 'turned on'. This is my version of graceful degradation */ .hasJS #termlist dd{display:none} .hasJS #termlist dt{line-height:1.6em; font-size:1.2em; padding-left:1.1em; cursor:pointer; background:url(/images/min.gif) 0 .1em no-repeat;} .hasJS #termlist dt.contracted{background:url(/images/max.gif) 0 .1em no-repeat; } #termlist em{display:block; font-size:.9em;} #expandButton, #collapseButton {display:none;padding:.5em .5em .5em 1.5em; cursor:pointer;margin:0 .5em 1em 0;border:#CCCCCC 1px solid; border-bottom-color:#333333;border-right-color:#333333;width:6em;} #expandButton {background:#fefed4 url(/images/max.gif) .25em .25em no-repeat;} #collapseButton {background:#fefed4 url(/images/min.gif) .25em .25em no-repeat;}
Provided "as is".
Cheers.
www.naturesways.co.uk is using childlinks now, in the Wellbeing and Beauty sections.
I'd appreciate any feedback.