Spry Collapsible Panel: Dreamweaver CS4 Tutorial

In this tutorial we will learn about a very cool widget in Dreamweaver CS4 that will allow you to create a very cool and easy to edit Collapsible Panel which basically allows a user to click and tab and a content box drops down below it and the user it able to click the tab and retract the box so it is just the tab again. It is really a cool way to display some content and adds a neat little effect to your website. Go ahead and grab the files from this link: http://tutvid.com/tutorials/dreamweaver/projectFiles/spryCollapsePanelFilesFo...

Follow me on Twitter! http://www.twitter.com/tutvid
Be sure to check out http://www.tutvid.com
Check out the blog @ http://tutvid.wordpress.com

Category:

Education

Tags:

• Dreamweaver
• Tutorial
• Training
• CSS
• Spry
• Widget
• Widgets
• Help
• Content

[neilss1]

Im using a spry as a vertical navigation on my site BUT i do not know how to get the collapsible panel to begine CLOSED so all the options arent visible until you click, anybody know?? I know its to do with option "contentisOpen" and set it to false but I dont know how to do this any ideas ????? dreamweaver CS4

[MaKaDeViL]

1st comment did not show =/ , love your movies, learned lots of stuff, but in this clip div class='clearme' inside 'p' would validate 1error, span class='clearme' would do it valid way cause its inline element.I`am sure you know and its not a big mistake just to let rest of people get it right =) take care and keep up great work!

[AYMERICK55]

@neilss1 First you click on the bluebar above your collapsible panel. It appears when you are on your collapsible panel with your mouse. Than you willsee in the propriobar at the undersite of your screen to smal windows and you will see in the windows open or close.I am sorry my dreamweaver is in Dutch and not in English

[AYMERICK55]

I saw this video before and it is a nice one. BUT,what I do not find is a way to put several collapsible panels with different widt and height on difeerent pages in one webside.Venelinkristev told me to change the name but this is IMPOSSIBLE. Is there sombody who gives me the solution:HELP!!!!

[AYMERICK55]

To venelinkristev Yes , the second file overwrites the first; I suppose you can not give any name to that file. Is this a special name you have to give it? I will try once and will tell you. Thank you.

[venelinkrystev]

@AYMERICK55

Try to change the name of .css file, I think that 2nd spry overewrite the old .css spry file.

[SharpManFC]

Great tutorial, thanks! I need to watch more of these to learn, I got Dreamweaver CS4 but had no idea of how many new things it added in a couple years... thanks.

[AYMERICK55]

I am trying to setup multiple collapsible panels and it doen't work. The first one is no problem but when i make another one on another page with another width and hight the first one I made takes this new width and Height.How is it possible to make one every page of my website a collapsible panel with each another width and height. Thank you!!

[ratanacambodai]

see you tube happy all time

[ksudude25]

@knighthockey21 ;) anytime. happy coding.

[ksudude25]

@LightmovesPL ...Glad that I could help =)

[LightmovesPL]

@ksudude25 thank you this was very helpful!!