close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Hide layer on page load

Thread began 3/29/2011 7:36 am by Rune Brynestad | Last modified 3/30/2011 6:28 am by Jason Byrnes | 1508 views | 5 replies |

Rune Brynestad

Hide layer on page load

I have a page that contains 4 file fields. I want to show only the first 2 on page load. To get this to work I have wrapped a div called "extra" around the last 2 file fields and applyed the show/hide layer behavior to the body tag as shown in the attached picture.

It's working, but there is a big space between the first 2 file fields and the submit button. Is it possible to avoid that?

You can see a live URL here: Test.php

I'm also attaching my working files.

Regards
Rune

Attached Files
Test.zip
Sign in to reply to this post

Jason ByrnesWebAssist

Add the extra form elements to a Dreamweaver AP Layer


to add the AP layer, go to Insert -> Layout Objects -> AP Div. Once the AP Div is created move the elements you want to hide inside the AP Div.

Sign in to reply to this post

Rune Brynestad

Yes this is much better.

When I click the "Yes" radio button I want to show the AP layer I hided on page load. I have applyed the show/hide layer behavior to the "Yes" radio button as shown in the attached picture.

When I click the "Yes" radio button, it don't look good.

You can see a live URL here: Test.php

I'm also attaching my new working files.

Regards
Rune

Attached Files
Test.zip
Sign in to reply to this post

Jason ByrnesWebAssist

OK, change of tack.

Why not use a spry collapsible panel. the pry collapsible panel is made to expand and contract the way you are looking for.

and the settings can be easily set for the default state to be closed.

Sign in to reply to this post

Rune Brynestad

Yes, a spry collapsible panel is a better choice. It works perfect for this case.

Thanks again for helping me.

Regards
Rune

Sign in to reply to this post

Jason ByrnesWebAssist

you're welcome.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...