Insert layout 'collapsible panel groups' on DW Spry common view
Hello,
I am using CS4 for Windows and frequently use the 'collapsible panel groups'. The only way I can use this at the moment is when in code, and pasting the <div id="CollapsiblePanelGroup" class="CollapsiblePanelGroup"> but I often miss out one of the divs which screws with my life.
At the moment all I have on the insert menu is Menu Bar / Tabbed Panel / Accordian / Collapsible Panel .. and on the 'Spry common tab', the addition of Spry Tooltip.
Is there a way to add an option for 'collapsible panel groups' to the insert menu (and even the spry common use tab) so it includes all the necessary code and asks you how many panels you want, etc, etc?
Thanks!
No
Unless you know code DW extensions, but thats a whole different subject
Similar Messages
-
Collapsible Panel Group - automatic close/open?
Is there a way to set it so the Spry Collapsible Panel Group automatically closes an open panel when you select to open another one?
Thank you.Uhm... I think you should swap the collapsible panel group for a Spry Accordion: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
-
How do I add a spry Collapsible Panel Group?
How do you add a spry Collapsible Panel Group? When I go to
the Insert -> Spry there is only a Spry Collapsible Panel
option, not group. Do I have to download an update? Is there
something wrong with my install?
I appreciate any help.Could someone at least tell me if they are able to add a Spry
Collapsible Panel Group from the Insert -> Spry menu? -
How do you add a Spry Collapsible Panel Group?
How do you add a spry Collapsible Panel Group? When I go to
the Insert -> Spry there is only a Spry Collapsible Panel
option, not group. Do I have to download an update? Is there
something wrong with my install?
I appreciate any help.Hi Lithium,
The Spry features in Dreamweaver are a subset of the total
features in the Spry framework. The CP Group is not an option in
the Insert Bar, but it is pretty simple to write the code for it.
I am sure you have seen the sample for it:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html -
DW crashes when attempting to insert another collapsible panel
Hello all, please be patient with me as it is my first post...i am trying to insert another collapsible panel into my content div and my Dreamweaver CS5 has crashes multiple times...here are my codes:
forgive me if i am adding too much, the address is: http://www.crestars.com/accordion.html
i have a lightbox inserted into my first panel...i'm just trying to add another panel for a different set of pictures.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Martine & Dewaine's pictures</title>
<link href="css/chinesecrestedatcrestars.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<!--[if IE]><script type="text/javascript" src="dmx/lib/excanvas-compressed.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="dmx/widgets/Lightbox/styles/default/style.css" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="dmx/dmx.core.js"></script>
<script type="text/javascript" src="dmx/widgets/Lightbox/dmx.lightbox.js"></script>
</head>
<body>
<div id="wrapper"> <!-- #BeginLibraryItem "/Library/crestars_navigation_menu.lbi" --><img src="pictures/banner/banner.png" width="1000" height="200" alt="Chinese Cresteds at Crestars" /><!-- #BeginLibraryItem "/Library/chinese_crested_navbar.lbi" -->
<div id="SofteryMenu" style="position:relative; top:0; visibility: visible; z-index: 100;">
<object id="sf_menu" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="25">
<param name="movie" value="SofteryMenus/sf6menu119.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="FlashVars" value="flashlet={_bgPicture:'NA',_googleDomain:'http://www.google.com',_googleSearch:false,_mainButtonHeight:25,_mainButtonTextColor:#E7E9 EC,_mainFont:'Tahoma',_mainFontSize:12,_mainHighlightColor:#999999,_mainTextHighlightColor :#13133C,_menuAlign:'center',_menuColor:#737373,_menuLeftMargin:90,_menuMinimalWidth:493,_ menuRightMargin:100,_menuTopMargin:0,_searchFieldColor:#ffffff,_searchFieldWidth:70,_searc hInputTextColor:#666666,_searchVariable:'searchText',_subButtonHeight:20,_subButtonTextCol or:#E7E9EC,_subFont:'Tahoma',_subFontSize:12,_subHighlightColor:#999999,_subMenuColor:#737 373,_subShowSpeed:20,_subTextHighlightColor:#13133C,_yourDomain:'NA',autosize:true,needSea rch:false,navigationTree:['Mainbut1:Home;http://www.crestars.com;_top','Mainbut2:About Crestars *amp* Us;;','_subbuton1:Crestars Belief;chinese_crested_about_crestars.html;_parent','_subbuton2:Martine *amp* Dewaine;about_dewaine_and_martine.html;_parent','_subbuton3:Contact;mailto:[email protected]?subject=I visited your website and;_top','Mainbut3:General Information;;_parent','_subbuton1:FAQ\'s;chinese_crested_faq.html;_parent','_subbuton2:Ge neral Overview;chinese_crested_info.html;_parent','_subbuton3:Common Health Issues;chinese_crested_common_health_issues.html;_parent','_subbuton4:Exercise;chinese_cr ested_exercising.html;_parent','_subbuton5:Other Links;other_links.html;_parent','Mainbut4:Grooming;;_parent','_subbuton1:Read First;chinese_crested_grooming.html;_parent','_subbuton2:A Hairy Hairless;chinese_crested_grooming_hairy_hairless.html;_parent','_subbuton3:A Medium Hairy Hairless;chinese_crested_grooming_medium_hairy.html;_parent','_subbuton4:A True Hairless;chinese_crested_grooming_true_hairless.html;_parent','_subbuton5:A Powderpuff;chinese_crested_grooming_powderpuff.html;_parent','_subbuton6:Taping Puppy Ears;chinese_crested_ear_taping.html;','_subbuton7:Grooming Supplies;chinese_crested_grooming_supplies.html;','Mainbut5:Our Males;;_parent','_subbuton1:Bootz;chinese_crested_bootz.html;_parent','_subbuton2:Bugzy;c hinese_crested_bugzy.html;_parent','_subbuton3:Oreo;chinese_crested_oreo.html;_parent','Ma inbut6:Our Females;;_parent','_subbuton1:Candy;chinese_crested_candy.html;','_subbuton2:Didi;chinese _crested_didi.html;','_subbuton3:Goldie;chinese_crested_goldie.html;','_subbuton4:Hottie;c hinese_crested_hottie.html;','_subbuton5:Izzee;chinese_crested_izzee.html;_parent','_subbu ton6:Vickie;chinese_crested_vicki.html;','_subbuton7:Zeekitah;chinese_crested_zeekitah.htm l;','Mainbut7:New Generation;;','_subbuton1:Puppies;chinese_crested_puppies.html;','_subbuton2:Show Hopefuls;chinese_crested_hopefuls.html;','_subbuton3:Available;chinese_crested_available. html;','Mainbut8:What\'s New...;crestars_latest_news.html;','Mainbut9:New owners...;chinese_crested_new_owners.html;','Mainbut10:Rainbow Bridge;chinese_crested_rainbow_bridge.html;_parent']}" />
<embed id="sf_menu2" src="SofteryMenus/sf6menu119.swf" wmode="transparent" quality="high" flashvars="flashlet={_bgPicture:'NA',_googleDomain:'http://www.google.com',_googleSearch:false,_mainButtonHeight:25,_mainButtonTextColor:#E7E9 EC,_mainFont:'Tahoma',_mainFontSize:12,_mainHighlightColor:#999999,_mainTextHighlightColor :#13133C,_menuAlign:'center',_menuColor:#737373,_menuLeftMargin:90,_menuMinimalWidth:493,_ menuRightMargin:100,_menuTopMargin:0,_searchFieldColor:#ffffff,_searchFieldWidth:70,_searc hInputTextColor:#666666,_searchVariable:'searchText',_subButtonHeight:20,_subButtonTextCol or:#E7E9EC,_subFont:'Tahoma',_subFontSize:12,_subHighlightColor:#999999,_subMenuColor:#737 373,_subShowSpeed:20,_subTextHighlightColor:#13133C,_yourDomain:'NA',autosize:true,needSea rch:false,navigationTree:['Mainbut1:Home;http://www.crestars.com;_top','Mainbut2:About Crestars *amp* Us;;','_subbuton1:Crestars Belief;chinese_crested_about_crestars.html;_parent','_subbuton2:Martine *amp* Dewaine;about_dewaine_and_martine.html;_parent','_subbuton3:Contact;mailto:[email protected]?subject=I visited your website and;_top','Mainbut3:General Information;;_parent','_subbuton1:FAQ\'s;chinese_crested_faq.html;_parent','_subbuton2:Ge neral Overview;chinese_crested_info.html;_parent','_subbuton3:Common Health Issues;chinese_crested_common_health_issues.html;_parent','_subbuton4:Exercise;chinese_cr ested_exercising.html;_parent','_subbuton5:Other Links;other_links.html;_parent','Mainbut4:Grooming;;_parent','_subbuton1:Read First;chinese_crested_grooming.html;_parent','_subbuton2:A Hairy Hairless;chinese_crested_grooming_hairy_hairless.html;_parent','_subbuton3:A Medium Hairy Hairless;chinese_crested_grooming_medium_hairy.html;_parent','_subbuton4:A True Hairless;chinese_crested_grooming_true_hairless.html;_parent','_subbuton5:A Powderpuff;chinese_crested_grooming_powderpuff.html;_parent','_subbuton6:Taping Puppy Ears;chinese_crested_ear_taping.html;','_subbuton7:Grooming Supplies;chinese_crested_grooming_supplies.html;','Mainbut5:Our Males;;_parent','_subbuton1:Bootz;chinese_crested_bootz.html;_parent','_subbuton2:Bugzy;c hinese_crested_bugzy.html;_parent','_subbuton3:Oreo;chinese_crested_oreo.html;_parent','Ma inbut6:Our Females;;_parent','_subbuton1:Candy;chinese_crested_candy.html;','_subbuton2:Didi;chinese _crested_didi.html;','_subbuton3:Goldie;chinese_crested_goldie.html;','_subbuton4:Hottie;c hinese_crested_hottie.html;','_subbuton5:Izzee;chinese_crested_izzee.html;_parent','_subbu ton6:Vickie;chinese_crested_vicki.html;','_subbuton7:Zeekitah;chinese_crested_zeekitah.htm l;','Mainbut7:New Generation;;','_subbuton1:Puppies;chinese_crested_puppies.html;','_subbuton2:Show Hopefuls;chinese_crested_hopefuls.html;','_subbuton3:Available;chinese_crested_available. html;','Mainbut8:What\'s New...;crestars_latest_news.html;','Mainbut9:New owners...;chinese_crested_new_owners.html;','Mainbut10:Rainbow Bridge;chinese_crested_rainbow_bridge.html;_parent']}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="25"> </embed>
</object>
</div>
<!-- #EndLibraryItem --><!-- #EndLibraryItem -->
<div id="content">
<div id="housesurroundings" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0"> Check out our house surroundings </div>
<div class="CollapsiblePanelContent"><a href="pictures/flower1.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/flower1.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/dahlia1.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/dahlia1.jpg" width="66" height="100" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/flower2.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/flower2.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/flower3.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/flower3.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/flower4.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/flower4.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard1.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard1.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard2.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard2.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard3.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard3.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard4.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard4.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard5.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard5.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard6.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard6.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard7.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard7.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard8.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard8.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard9.jpg" title="My pet rock all the way from Quebec!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard9.jpg" width="100" height="66" alt="My pet rock all the way from Quebec!" border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard10.jpg" title="Garden Flowers " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard10.jpg" width="100" height="66" alt="Garden Flowers " border="0" /></a> <a href="pictures/aboutus/around_the_house/frontyard11.jpg" title="Cute little birdhouse that nobody wants to use..." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/frontyard11.jpg" width="66" height="100" alt="Cute little birdhouse that nobody wants to use..." border="0" /></a> <a href="pictures/aboutus/around_the_house/lightning.jpg" title="Lightning show from our back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lightning.jpg" width="100" height="66" alt="Lightning show from our back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/lightning1.jpg" title="Lightning show from our back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lightning1.jpg" width="100" height="66" alt="Lightning show from our back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/lightning2.jpg" title="Lightning show from our back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lightning2.jpg" width="100" height="66" alt="Lightning show from our back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/lilly2.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lilly2.jpg" width="100" height="66" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/lilly3.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lilly3.jpg" width="100" height="66" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/lilly4.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/lilly4.jpg" width="100" height="66" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/rose1.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/rose1.jpg" width="100" height="69" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/rose2.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/rose2.jpg" width="100" height="66" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/rose3.jpg" title="Garden Flowers" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/rose3.jpg" width="100" height="70" alt="Garden Flowers" border="0" /></a> <a href="pictures/aboutus/around_the_house/firepit1.jpg" title="Enjoying a nice fire by the fire pitt with family" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/firepit1.jpg" width="100" height="75" alt="Enjoying a nice fire by the fire pitt with family" border="0" /></a> <a href="pictures/aboutus/around_the_house/dewaine_enjoying_the_sun_on_front_deck.jpg" title="Nothing beats relaxing on the front deck..." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/dewaine_enjoying_the_sun_on_front_deck.jpg" width="100" height="66" alt="Nothing beats relaxing on the front deck..." border="0" /></a> <a href="pictures/aboutus/around_the_house/dewaine_oreo_bugzy_hammack.jpg" title="Dewaine enjoying himself in the hammeck with a couple of dogs" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/dewaine_oreo_bugzy_hammack.jpg" width="100" height="66" alt="Dewaine enjoying himself in the hammeck with a couple of dogs" border="0" /></a> <a href="pictures/aboutus/around_the_house/dewaine_oreo_front_deck1.jpg" title="Someone needs to patrol what's going on...Dewaine and Oreo take their job seriously " rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/dewaine_oreo_front_deck1.jpg" width="100" height="68" alt="Someone needs to patrol what's going on...Dewaine and Oreo take their job seriously " border="0" /></a> <a href="pictures/aboutus/around_the_house/firepit2.jpg" title="Let the fire rise!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/firepit2.jpg" width="66" height="100" alt="Let the fire rise!" border="0" /></a> <a href="pictures/aboutus/around_the_house/fire1.jpg" title="Fire pitt" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/fire1.jpg" width="100" height="66" alt="Fire pitt" border="0" /></a> <a href="pictures/aboutus/around_the_house/seeds_on_table2.jpg" title="Seeds from our back yard Manitoba Maple on a piece of bark" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/seeds_on_table2.jpg" width="100" height="66" alt="Seeds from our back yard Manitoba Maple on a piece of bark" border="0" /></a> <a href="pictures/aboutus/around_the_house/backyard_figurines1.jpg" title="Cute little figurines in the back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/backyard_figurines1.jpg" width="100" height="65" alt="Cute little figurines in the back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/backyard_figurines2.jpg" title="Cute little figurines in the back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/backyard_figurines2.jpg" width="100" height="66" alt="Cute little figurines in the back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/backyard_figurines3.jpg" title="Cute little figurines in the back yard" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/backyard_figurines3.jpg" width="100" height="66" alt="Cute little figurines in the back yard" border="0" /></a> <a href="pictures/aboutus/around_the_house/seeds_falling_off_tree.jpg" title="Seeds falling off the Manitoba Maple Tree" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/seeds_falling_off_tree.jpg" width="100" height="66" alt="Seeds falling off the Manitoba Maple Tree" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow1.jpg" title="Ok nobody is going to BBQ today..." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow1.jpg" width="100" height="66" alt="Ok nobody is going to BBQ today..." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow2.jpg" title="Snow pilling up on front deck" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow2.jpg" width="100" height="66" alt="Snow pilling up on front deck" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow3.jpg" title="Snow fall" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow3.jpg" width="100" height="66" alt="Snow fall" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow4.jpg" title="Yuck who wants this much snow!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow4.jpg" width="100" height="66" alt="Yuck who wants this much snow!" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow5.jpg" title="Yuck who wants this much snow!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow5.jpg" width="100" height="66" alt="Yuck who wants this much snow!" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow7.jpg" title="Yuck who wants this much snow!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow7.jpg" width="100" height="66" alt="Yuck who wants this much snow!" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow8.jpg" title="Looks fun?...just for 2 minutes!" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow8.jpg" width="100" height="66" alt="Looks fun?...just for 2 minutes!" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow9.jpg" title="Making a snow angel" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow9.jpg" width="100" height="65" alt="Making a snow angel" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow10.jpg" title="Snow angle snow print" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow10.jpg" width="100" height="66" alt="Snow angle snow print" border="0" /></a> <a href="pictures/aboutus/around_the_house/snow11.jpg" title="BRRRR..." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow11.jpg" width="67" height="100" alt="BRRRR..." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow12.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow12.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow13.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow13.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow14.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow14.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow15.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow15.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow16.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow16.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow17.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow17.jpg" width="75" height="100" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow18.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow18.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow19.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow19.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow20.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow20.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow21.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow21.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snow22.jpg" title="Pretty yes...but...." rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snow22.jpg" width="100" height="75" alt="Pretty yes...but...." border="0" /></a> <a href="pictures/aboutus/around_the_house/snowgarlandfence.jpg" title="Cool looking garland" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/snowgarlandfence.jpg" width="100" height="66" alt="Cool looking garland" border="0" /></a> <a href="pictures/aboutus/around_the_house/sunset_in_backyard_tree1.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/sunset_in_backyard_tree1.jpg" width="100" height="66" alt="Fall funky colors from the sunset" border="0" /></a> <a href="pictures/aboutus/around_the_house/sunset_in_backyard_tree2.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/sunset_in_backyard_tree2.jpg" width="100" height="66" alt="Fall funky colors from the sunset" border="0" /></a> <a href="pictures/aboutus/around_the_house/sunset_in_backyard_tree3.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/sunset_in_backyard_tree3.jpg" width="66" height="100" alt="Fall funky colors from the sunset" border="0" /></a> <a href="pictures/aboutus/around_the_house/tree_seeds_on_table2.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/tree_seeds_on_table2.jpg" width="100" height="66" alt="Fall funky colors from the sunset" border="0" /></a> <a href="pictures/aboutus/around_the_house/tree_seeds_on_table.jpg" title="Seeds from our Manitoba Maple tree" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/tree_seeds_on_table.jpg" width="100" height="66" alt="Seeds from our Manitoba Maple tree" border="0" /></a> <a href="pictures/aboutus/around_the_house/woodsplitter1.jpg" title="Preparing for the winter" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/woodsplitter1.jpg" width="100" height="66" alt="Preparing for the winter" border="0" /></a> <a href="pictures/aboutus/around_the_house/woodsplitter2.jpg" title="Fall funky colors from the sunset" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/woodsplitter2.jpg" width="100" height="66" alt="Fall funky colors from the sunset" border="0" /></a><a href="pictures/aboutus/around_the_house/cloud_shadow_1.jpg" title="Weird forming clouds...the shadow was behind" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/cloud_shadow_1.jpg" width="100" height="56" alt="Weird forming clouds...the shadow was behind" border="0" /></a><a href="pictures/aboutus/around_the_house/cloud_shadow_2.jpg" title="Weird cloud" rel="dmxLightbox" rev="{group:'AroundOurHouseGarden', preset:'thin'}"><img src="pictures/thumbs/cloud_shadow_2.jpg" alt="Weird cloud" width="100" height="56" border="0" /></a><a href="pictures/thumbs/thumbs/laughing_cloud.jpg" title="" rel="dmxLightbox" rev="{group: 'AroundOurHouseGarden', preset: 'thin'}"><img src="pictures/thumbs/thumbs/thumbs/laughing_cloud.jpg" width="100" height="66" alt="" border="0" /></a></div>
</div>
<p> </p>
</div>
<!-- #BeginLibraryItem "/Library/chinesecrestedfooter.lbi" -->
<style type="text/css">
<!--
.smallercentered {
text-align: center;
font-size: 12px;
-->
</style>
<span class="smallercentered">The entire Site is Copyrighted©, 2010. Designed by owner, <a href="mailto:[email protected]?subject=I visited your website and..." target="_blank">Martine Couture</a></span><!-- #EndLibraryItem --> </div>
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("housesurroundings", {contentIsOpen:false});
</script>
</body>
</html>Depending on the development environment, I can imagine that DW has a problem.
My systems is Windows7, i7 processor, 8GB ram and it does take a while for DW to add an extra collapsible panel.
Possible solutions
use accordion panels
hand code the second collapsible panel
use a Collapsible Panel Group
To hand code all you have to do is add the following to your document, in the appropriate places amking sure that the ID corresponds.
<div id="CollapsiblePanel2" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
</div>
and
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2");
For more info on a Collapsible Panel Group see here http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Gramps -
XML generated Spry collapsible panel Group.
I have been trying to generate a set of collapsible panels from a XML file. I've managed to get only so far but have not quite fully suceeded. The panels are all open even though I've tried to set the default as closed. Additionally, none of them close. I know I'm close but I've been unable to get this finished. The page is at http://www.esaa.us/History/PastNationalSpecialtyWinners4.html.
Any Help someone can offer would be greatly appreciated.
LJDYou haven't received any replies so far - and this generally means that no-one here knows the answer.
You may want to ask your question over at the Spry Frameworks forums:
http://forums.adobe.com/community/adobe_labs/spry_framework_ajax_prelease -
Print a collapsible panel group
I have this page
http://www.nmprc.state.nm.us/faqs.htm
and I need to find a way for people to print each FAQ. Some will
shrink to fit on one page, but some of the FAQs are rather lengthy.
I tried (which I adapted from some code I read in a post by
kinblas on printing an accordion panel)
<style type="text/css" media="print">
.CollapsiblePanel {
overflow: visible !important;
.CollapsiblePanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
</style>
and it works to some extent, it opens each panel and prints
the data, but it cuts off at the bottom of page 1 and will not
populate the following pages<style type="text/css" media="print">
.sidebar2 {
display: block !important;
overflow: visible !important;
height: auto !important;
.sidebar_brace2 {
display: block !important;
overflow: visible !important;
height: auto !important;
.CollapsiblePanelGroup {
overflow: visible !important;
.CollapsiblePanel {
overflow: visible !important;
.CollapsiblePanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
</style>
ok, with the above code and modifying the sidebar2 properties
slightly I got it
I think it was the CollapsiblePanelGroup not being listed in
the print css that was keeping it from working...as soon as I got
that to work, I was able to fix my divs
thanks -
Modifying Spry collapsible panels behavior
I am new to Spry. I've inserted 4 collapsible panels into a web page, all working fine. My question is, rather than having to click the tab to manually close each one, is it possible to have the previously opened panel close when you click on a new panel to open it, so that only one panel is open at a time?
This
<SCRIPT type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { defaultPanel: -1 });
//-->
</SCRIPT>
is what the constructor at the bottom of your page wants to be. Delete the constructor for the collapsible panel.
Your panels all came up variably high in my browsers...depending on the amount of content in each one, but you could do this:
<SCRIPT type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { defaultPanel: -1 }, { useFixedPanelHeights: false });
//-->
</SCRIPT>
Beth -
Spry Collapsible Panel Error in IE
Hi,
Up until last week my collapsible panel was working fine in
IE 7, but now it has stopped working. Originally it was hideen
until a user clicks a link whereby it would be displayed. This is
working fine in firefox but now in IE7 it appears as default and
will not move when clicked. An error message is displayed saying "
'Spry' is undefined " appears. I have made sure all links to .js
files are correct. I am thinking it must be something to do with
IE7 (as usual) as this error even appears on the sample page for
collapsible panels on the adobe spry site. Could anyone shed some
light on this problem.
Many Thanks
WoodeyThat error usually occurs when the page isn't actually
loading the JS files. I know you said you verified the JS paths,
but have you actually tried loading the JS files directly into IE7
to see if it is getting some access error, or if the JS file on
your server is corrupted?
--== Kin ==-- -
How to maintain the state of a spry collapsible panel
how can i get the index of an open collapsible panel dynamically... i've used two collapsible panels...if the second panel is open, then after page refresh, automatically the second one closes and the default one i.e. the first panel opens....
It is best if you supply a link to your site so that we can see for ourselves what you need to do thus eliminating the need for me to ask you if you have used a collapsible panel group or two single panels. Also it would save my time in trying to reconstruct what I think it is what you want.
Gramps -
Collapsible Panels - Links to open one, and close others
Hi,
I am new to Dreamweaver and have been creating my site by
learning as I go along. I have already read through all the other
related topics associated with Collapsible Panels on this blog and
have still not found an answer. I have been able to open and close
Collapsible Panels by using links - but unfortunately, I need more
than just opening and closing.
On my site i have approximately 5 pages, all with the same
header and Menu bar. The Information (that i have presented in
numerous Collapsible Panels) does however vary from page to page.
What I need to try and figure out is:
How can I open one collapsible panel and close all others? I
have seen the one example which leads to my next question:
How can I group Panels? Some examples of how to open one and
close all others use this grouping. Is there any other way of
opening one and closing all others without grouping?
Lastly, is it possible to set up a link that can be viewed on
one page which when clicked opens the relevant page and collapsible
panel? i.e. on my About Us page there is a link (using the Menu
bar) for one of my several services on the services drop down menu
(but services is on a different page with the same setup). When a
viewer clicks on the specific service, is it possible to get the
site to open the services page, and open the relevant collapsible
panel (with all other Panels closed)?
Any assistance would be greatly appreciated - I have been
searching for days now and cannot seem to find any
answers/directions in laymans terms.
Kind regards,
Johnwlsjoh013 wrote:
> Hi,
>
> I am new to Dreamweaver and have been creating my site
by learning as I go
> along. I have already read through all the other related
topics associated
> with Collapsible Panels on this blog and have still not
found an answer. I
> have been able to open and close Collapsible Panels by
using links - but
> unfortunately, I need more than just opening and
closing.
>
> On my site i have approximately 5 pages, all with the
same header and Menu
> bar. The Information (that i have presented in numerous
Collapsible Panels)
> does however vary from page to page. What I need to try
and figure out is:
>
> How can I open one collapsible panel and close all
others? I have seen the one
> example which leads to my next question:
This page has an example that has a link that can open and
close a panel:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/collapsible_panel_sample. htm
One way to do this would be to have a single link that would
open one of your panels using the code, but then add to it code
that closes each of the other panels, for example:
<a href="#"
onclick="CollapsiblePanel4.open();CollapsiblePanel5.close();CollapsiblePanel6.close();">O pen
4, close 5 and 6</a>
To make this work, you'll need to look that the panel
constructors at the bottom of your page and make sure to match up
the panel variable names i.e. "var CollapsiblePanel1 =...." the
variable is CollapsiblePanel1.
You could also write a function that gathers together the
various panels you have on the page and then pass to it only the
panel that you want kept open. For now, though, it might be best to
use the above method, given your expertise. And taking that even
further, you could apply the function call unobtrusively. Both the
function call and the unobtrusive part you can work on later to get
this working for now.
> How can I group Panels? Some examples of how to open one
and close all others
> use this grouping. Is there any other way of opening one
and closing all
> others without grouping?
This is a little confusing, on one hand you ask about how to
group, but then ask how not to group. There is a concept of a
collapsible panel group:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
But there is another type of group, that may be more what
you're looking for, and that's an Accordion panel, which is similar
to the collapsible panel group, with the exception that it can only
have one panel open at a time.
> Lastly, is it possible to set up a link that can be
viewed on one page which
> when clicked opens the relevant page and collapsible
panel? i.e. on my About Us
> page there is a link (using the Menu bar) for one of my
several services on the
> services drop down menu (but services is on a different
page with the same
> setup). When a viewer clicks on the specific service, is
it possible to get
> the site to open the services page, and open the
relevant collapsible panel
> (with all other Panels closed)?
Probably the easiest way to do this particular one would be
to make sure that you have all of the panels set to be closed when
the page loads, and then take a look at the code for the last
example on this page:
http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html
That example uses a tabbed panel, but the concept is the
same, use a URL parameter to determine what to show. You'll need to
link in the SpryURLUtils file in the Spry download package (look in
the includes folder):
http://labs.adobe.com/technologies/spry/home.html
Essentially, your link will look similar to:
sample.html?panel=1
Then your code could look something like:
var params = Spry.Utils.getLocationParamsAsObject();
var CollapsiblePanel1 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel1",
{contentIsOpen:(params.panel==1 )} );
var CollapsiblePanel2 = new
Spry.Widget.CollapsiblePanel("CollapsiblePanel2",
{contentIsOpen:(params.panel==2 )} );
Basically what this is doing is creating an object from the
URL parameters. Then for each of the panels the constructor has
code that determines whether or not to expand the panel when the
page loads. So it checks the value of params.panel to see if it
matches 1 (for the first one), if it does, then that means that
contentIsOpen is set to true, if it is some other number or is not
present at all, then that means that the panel is closed. This
would then be repeated down the line for how ever many panels you
want to operate like that.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert -
Expand or collapse all collapsible panels at once.
Hi,
I have a page with a number of collapsible panels on it generated from SpryData.
I know the collapsible panel names because their IDs are generated from the Spry data with
<div class="CollapsiblePanel" id="cp{ds_RowNumber}" spry:repeat="Events">
I have a couple of links on the page that I want our members to be able to click to be be able to collapse or expand all collapsible panels at once. How can I return a reference to the collapsible panel objects so I can close / open them using the open / close functions of the widget etc?
See http://www.thehmc.co.uk/Events4.html and the links with the text (Show or hide all event details)
i.e. I have a function and I know Spry.$$ is not what I want , but what do I need to return the object reference?
function dhide()
var panelCount = Events.getRowCount();
for (var p = 0;p < panelCount;p++)
panelID = '#cp' + p;
var mypanel = Spry.$$(panelID);
var a = panelID.close();
Thanks
PhiolHi,
Yes I found CollapsiblePanelGroup in the Spry 1.6.1 samples and am now using the OpenAllPanels function.
Finding the collapsible panel group API in the documentation isn't the most intuitive and you may wish to review.
Regards
Phil -
How to force page to scroll when collapsible panel is opened by link
Hi,
I have seen similiar questions asked but not answered, so maybe there isn't away to do this.
I have numerous collapsible panels going all the way down the page, actually I just formed a Collapsible Panel Group. They are opened by a list of links at the top of the page.
This is an example of a link...
<li><a href="#CollapsiblePanel14" onclick="cpg.openPanel(13);">AKC CGC & TDI Testing</a></li>
And this is the javascript at the bottom of the page...
var cpg = new Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup1", { contentIsOpen: false, duration: 800 });
When a link to one of the lower panels is clicked, I would like the page to scroll down so when the panel opens all of the content is within view.
Is there any way to do this?
Thanks
DennisOn line 431 of your JS change
this.content.style.height = this.toHeight + "px";
to
this.content.style.height = "auto"; -
Insert collapsible panel in Spry menu
Hi,
Can a collapsible panel be inserted into a Spry menu.
When clicked, I would like one of my menu items to slide open exposing another menu. Kind of a sub catagory of the menu item.
Sorry for the poor discription.
Thanks
DennisI think that an accordion will serve you purpuse better. Have a look at the following
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Old English Sheepdog Club of America</title>
<link href="/css/oescaHRC.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="SpryAssets/SpryDOMUtils.js" type="text/javascript"></script>
</head>
<body>
<div class="container">
<div class="header"><img src="images/header_03.gif" alt="OESCA Banner" width="789" height="239" />
<!-- end .header --></div>
<div class="sidebar1">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="http://www.oldenglishsheepdogclubofamerica.org/" title="OESCA home page">Home - OESCA</a></div>
<div class="AccordionPanelContent"><!-- no content --></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><a href="index.php" title="OES Health home page">Home - OES Health</a></div>
<div class="AccordionPanelContent"><!-- no content --></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><!-- no link just open panel -->Cerebellar Abiotrophy Center</div>
<div class="AccordionPanelContent">
<ul>
<li><a href="#" title="CA Infected Dogs">CA Infected Dogs</a></li>
<li><a href="#" title="Video's of Infected Dogs">Video's of Infected Dogs</a></li>
<li><a href="#" title="CA Articles">CA Articles</a></li>
</ul>
</div>
</div>
</div>
<img src="images/animations/32402508.gif" width="130" height="182" alt="Vet Dog" /><br />
<!-- end .sidebar1 --></div>
<div class="content">
<!-- begin .content -->
<h1>OES Health & Open Health Registry</h1>
<h1>The Official Online Resource...<br />
Promoting the Health & Welfare of the OES</h1>
<h2>from the OESCA Health & Research Committiee</h2>
<br />
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- end .content -->
</div>
<div class="footer"> This site belongs to the Old English Sheepdog Club of America, Inc. <br />
No part can be linked to or copied without express permission of the Old English Sheepdog club of America, Incorporated<br />
<br />
Web Design by Idea Patio Creative Services
<!-- end .footer --></div>
<!-- end .container --></div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
// the event listener to override the default tab behaviour when clicked
Spry.$$('.Accordion a').addEventListener('click',function(){return window.location = this.href;},true);
</script>
</body>
</html>
The above is only an example to give you an idea of what the outcome can be when using an accordion. You will still need to tweak your CSS to suit.
I hope this helps.
Ben -
Spry collapsible panel - repeating region
Hi,
I'm trying to make a repeating region that contains a spry
collapsable panel.
The problem is that i need to develop a way to automatically
increase the ID of the spry panel.
The problem I am encountering is that only the first
Collapsible Panel works properly. The remainder are displaying the
data, but will not open and close when their tabs are clicked. It
appears that all are being repeated as
id="CollapsiblePanel1".
Does anyone have a way to increment the Tab & Content
ID's?
On another forum, somebody has suggested using the following
PHP - although having never used PHP before, I am uncertain as to
where I insert this into my code:bump
Maybe you are looking for
-
Images not displayed at all in Lightroom 1.4.1
Hi, I have recently had a problem with Lightroom where all the images are not displayed. The grey tiles are displayed with the filename and the keywords all show up in the right menu however I cannot see any of the images in any module. Also the grid
-
Apple Maps and Yelp app integration....errors beyond belief
Has anyone else ever experienced when you launch driving directions to a business from within the Yelp app, that even though Yelp has the address correctly, and will show it correctly on the map.....that Apple Maps gives completely innacurate directi
-
Can't drag clip in expert without distortion of interface
can't drag clip in expert without distortion of interface What's wrong?
-
Although i am entering only one character into the textfield then too it is reflecting the same error. private void initEvents() okButton.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent e) { Connection conn = nu
-
Should xdodelivery.cfg be documented in the 5.6.2 Users Guide?
Should xdodelivery.cfg be documented in the 5.6.2 Users Guide or has the functionality changed? Dale