Why has my spry collapsable panel disappeared in live view?

have I accidently deleted some vital code? On the page it all seems to be there. At my wit's end! please help!!! Attached the page.

Typical collapsible panel construction is as
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
</div>
I notice that in several places, at least, you haveCollapsiblePanelContent class assigned to <p> tags. As you have seen, that does not appear to work. You need to be working with <div> tags, as the original markup provided. <div>s are block level elements, and I know of no working variant that uses paragraph tags and spans.
<p> </p>
<p class="CollapsiblePanelContent"> </p>
<p class="CollapsiblePanelContent">
<span class="CollapsiblePanelOpen">
<span class="CollapsiblePanelTab">
<br/>
</span>
</span>
Look also to your file paths; at least one was pointing to your hard drive (yikes!).
It's a little hard to troubleshoot more effectively without actually have a link to your page on a server, as the javascript and css files are not available.
Beth

Similar Messages

Why does my spry accordian look good in live view and switch back to default in safari

i am new to dreamweaver and have started my first page-
step one inserted a picture as a background
step 2 inserted a spry accordian and have spent hours trying to configure it - my dreamweaver wont allow me to type any information in the design view so i worked out how to get around that in the code - so i put in the labels - changed the font
then i got rid of any color by adding the hex value #0.0 (transparent) in the spryaccordian.css page - which has worked really well in the live view ( and works in opera) but when i check it in safari it has reverted back to the default settings - it hasnt even kept the font settings
i would also like to put quite a lot of information in the content panels (pictures, subscriber list, links ect, essentially whole pages) is this possible
hoping someone can help me
kind regards
mandy evans

Have a look at the following, just copy and paste into a new document in code view.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<style>
html {
    background-color: #FF9;
body {
    width: 960px;
    margin: auto;
.Accordion {
    font: 14px "Comic Sans MS", cursive;
    color: #090;
.AccordionPanelTab,
.AccordionPanelOpen .AccordionPanelTab,
.AccordionFocused .AccordionPanelTab,
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    background-color: transparent;
</style>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Gramps

My Spry collapsable panel works on Dreamweaver but not on my published site

I created a one page static microsite for a client and inserted Spry collapsable panel in the content div. It looks perfect on Dreamweaver and even when I previewed it on Chrome, Firefox, and Safari, it looked great. After I uploaded the page, the panel's dissapeared and the text center justified. Any help?
The site is http://www.laurawoodsexposed.com (it's a political website, not a porn website)
Any help would be great.

I created a one page static microsite for a client and inserted Spry collapsable panel in the content div. It looks perfect on Dreamweaver and even when I previewed it on Chrome, Firefox, and Safari, it looked great. After I uploaded the page, the panel's dissapeared and the text center justified. Any help?
The site is http://www.laurawoodsexposed.com (it's a political website, not a porn website)
Any help would be great.

Issues with spry collapsable panel

hey guys, i am very new, thank you in advance for your patience. i posted this in the spry forum as well.
i created a spry collapsable panel with 3 drop down options. when i preview the object in a browser, there is a blue box around the object, i presume to tab around the page. how do i get rid of this? i have done all i know in CSS, is this a JS issue? how can i get rid of it?
thank you for dealing with my ignorance!
-rick

this was answered in the spry forums.
http://forums.adobe.com/thread/506212?tstart=0

Spry collapsable panel transparency

hey all,
i have a spry collapsable panel, when it drops down, i want it to have a 100% opacity white background. when i simply code background:#FFF, it is completely transparent. when i use a different color (i.e. #666), the color still exists, but it is transparent. how can i make this a solid dropdown box?
thanks!

this was just a test, but i can paste some code
.CollapsiblePanelTab {
font: bold 10pt sans-serif;
background-color:#FFF;
margin: 0px;
padding: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
text-decoration: none;
outline: none;
and a screenshot of the active tab
i hope this is enough

Why has the FaceTime icon / app disappeared from my iPhone 5 and how do I get it to show again?

Why has the FaceTime icon / app disappeared from my phone and how do I get it back?

Using FaceTime
http://support.apple.com/kb/ht4319
Troubleshooting FaceTime
http://support.apple.com/kb/TS3367

Spry Collapsable panel with forms

I have a lenthy form that is in sections. I wish to put the
form into a spry collabsable panel by topic. This does not seem to
work. Even though the form fields are separated the functionality
does not. I even did a test with just simple text, that worked
fine. I then inserted my form (used the application objects record
insert from) but the functionlity did not work. Is this a limit of
SPRY?

I bet that you can get this to work without too much trouble.
Make sure that the form surrounds the entire spry panel set. I
would probably try it this way, particularly if you are going to
use one of the form wizards:
(1) Build the form first
(2) Within the form creat space for the SPRY Panels
(3) Then copy/paste respective pieces into each panel.
-Tod

Why do Graphics Disappear in Live View with CS5.5

I just upgraded to CS5.5 from MX2004. I am running win7 pro.
When "Live View" is selected, the graphics disappear and are replaced by placeholders.
What is happening?
Thank you
JAL

PPro before the cloud does not support crossfire... and that may cause problems
Dual Card SLI http://forums.adobe.com/thread/872941
-problem http://forums.adobe.com/thread/872103
USB2 hard drive is too slow for video editing
External eSata or USB3 are both fast enough for video editing... eSata is better - http://forums.adobe.com/thread/1117813
ONE possibility is this $47 USB3 dock with fan http://www.amazon.com/StarTech-SuperSpeed-Docking-Station-Cooling/dp/B0055PL2YI

Spry Data Set visible in Live View, but not on Site.

Hi,
I've used the spry data set widget to create a dynamic table. Everything looks fine in the live view. On the site itself, however, I see only a brief flash of the unpopulated spry table, and then nothing. All necessary files, including those in the SpryAssets folder, have been uploaded.
This is particularly frustating since my first crack at a spry data set worked with ease.
I have the feeling that I missing something simple. Any ideas?
Here is the table:
http://www.ldcsb.on.ca/ntip/teachphotos/profiletable.html
Here is the spry data set:
http://www.ldcsb.on.ca/ntip/teachphotos/profiles.html
Thanks for looking,
Jim

Jim, Your page comes up fine in Firefox, but as you said it flashes and disappears in IE8.
I notice some differences in the ids and Spry:sort values. You might sort those out (make them the same) and see what happens.
This is in the profiletable:
<td id="Image">Image</td>
<td id="First">First </td>
<td wid="Last">Last </td>                                        lose the w
<td id="Sschool">School</td>                                   lose the extra s
<td id="Grade">Grade </td>
<td id="Subject1">Subject1</td>
<td id="Subject2">Subject2</td>
<td w id="Description">Description</td>                    lose the w and the extra space
And this in the Spry region:
<th spry:sort="Image">Image</th>
<th spry:sort="First">First</th>
<th spry:sort="Last">Last</th>
<th spry:sort="School">School</th>
<th spry:sort="Grade">Grade</th>
<th spry:sort="Subject1">Subject1</th>
<th spry:sort="Subject2">Subject2</th>
<th spry:sort="Description">Description</th>
It's possible that IE is pickier than Firefox that the names be the same.
Other than that, look for things to clean up, like tightening up the table...I notice several places in the data where there are blank lines between the </tr> of one line and the <tr> of the next. Make sure every entry in the table has a cell for every column.
You're right; it is an easy Widget to work with...unless some tiny thing goes wrong and it doesn't work! I have had a data set that had some of those tiny anomalies, fixed them, and now I know to look for them.
Beth

Spry Collapsable Panel Question

I just started using Spry and was wondering if there is an
way to have a plus sign display next the the title when the panel
is contracted but then when somebody clicks to open the content
area it would change to a minus symbol?
Thanks for your help in this matter.

Thanks... This mostly worked. The problem is that those
panel's which are preset to be open show the plus sign when the
should show the minus. As you can see here
http://www.ourbombers.com.
The minus only shows when you actually click to open a panel.
here is my css code.
.CollapsiblePanel {
margin-bottom: 2px;
padding: 0px;
border-left: solid 1px #CCC;
border-right: solid 1px #999;
border-top: solid 1px #999;
border-bottom: solid 1px #CCC;
/* This is the selector for the CollapsiblePanelTab. This
container houses
* the title for the panel. This is also the container that
the user clicks
* on to open or close the panel.
* The name of the class ("CollapsiblePanelTab") used in this
selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* CollapsiblePanel panel tab container.
.CollapsiblePanelTab {
font: bold 0.7em sans-serif;
background-color: #DDD;
border-bottom: solid 1px #CCC;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
background-image: url(images/plus.gif);
background-position: right;
background-repeat: no-repeat;
/* This is the selector for a CollapsiblePanel's Content
area. It's important to note that
* you should never put any padding on the content area
element if you plan to
* use the CollapsiblePanel's open/close animations. Placing
a non-zero padding on the content
* element can cause the CollapsiblePanel to abruptly grow in
height while the panels animate.
* The name of the class ("CollapsiblePanelContent") used in
this selector is not necessary
* to make the widget function. You can use any class name
you want to style a
* CollapsiblePanel content container.
.CollapsiblePanelContent {
margin: 0px;
padding: 0px;
font-size: 12px;
/* An anchor tag can be used inside of a CollapsiblePanelTab
so that the
* keyboard focus ring appears *inside* the tab instead of
around the tab.
* This is an example of how to make the text within the
anchor tag look
* like non-anchor (normal) text.
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
/* This is an example of how to change the appearance of the
panel tab that is
* currently open. The class "CollapsiblePanelOpen" is
programatically added and removed
* from panels as the user clicks on the tabs within the
CollapsiblePanel.
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-color: #EEE;
background-image: url(images/minus.gif);
background-position: right;
background-repeat: no-repeat;
/* This is an example of how to change the appearance of the
panel tab as the
* mouse hovers over it. The class "CollapsiblePanelTabHover"
is programatically added
* and removed from panel tab containers as the mouse enters
and exits the tab container.
.CollapsiblePanelTabHover, .CollapsiblePanelOpen
.CollapsiblePanelTabHover {
background-color: #CCC;
/* This is an example of how to change the appearance of all
the panel tabs when the
* CollapsiblePanel has focus. The "CollapsiblePanelFocused"
class is programatically added and removed
* whenever the CollapsiblePanel gains or loses keyboard
focus.
.CollapsiblePanelFocused .CollapsiblePanelTab {
background-color: #3399FF;

Why is my Spry Collapsible Panel not working in IE

I have created a very very simple website, in dutch (i'm dutch). http://www.dgvastgoed.nl
And on the 'projecten' (dutch word for projects) page i've made some collapsible panels.
The picture is only showing when you click on the text once, when you click again the picture disappears, that's what i want.
But in Internet Explorer it always shows, and that's not what i want.
How do I get this right in Internet explorer?
(if it's possible a second question: How do i get on the 'werkzaamheden' page the 3 links in the top left corner on the position like they are in safari and firefox.)

It lookslike you fixed it, it works fine in IE7 and 8

Why has windows vista home premium disappeared from my computer

I have an hp a6511.uk which I have had for 4 years, it came with windows vista home premium, I did download service pack 2 last year. 2 days ago a window appeared on my screen asking me to activate windows as the copy I had was illegal. I duly entered the correct product key. it was confirmed that my windows was now legal but since all I have is a blank screen. I cannot find microsoft works or anything to do with vista, windows defender will not download, The initial screen comes on as usual & I have my usual shortcuts on screen but that is all. I have tried all forms of recovery but to no avail I feel my only solution is to install the back up cd I made when I first had the computer but I am afraid I may lose some of the software I have installed, has anyone had a similar experience, I have bullguard security.
This question was solved.
View Solution.

Hi there Student. I also use Vista on my HP touchsmart PC at home. I checked into the Microsoft forum to find some info about the "disappearing nature of your Vista Home premium" iCons and solutions. If you google your problem statement, you'll see that this is not a new phenomonon. Microsoft forum also has a paper with some fixit tools. I've used such fixit solutions on my Vista PC and they actually work great! Give this a go and let me know how it turns out! Wishing you all the best with your a6511.uk PC...JWag
http://support.microsoft.com/kb/945011/en-usi
Although I am an HP employee, I am speaking for myself and not for HP.

Why has the big battery indicator disappeared?

My iPod Touch (IOS 6.1.3) no longer shows the big battery indicator when the iPod is turned on or plugged in for a recharge. The battery seems to charge ok according to the tiny battery indicator but the big indicator has disappeared for good. Also, when plugged in, the tiny indicator doesn't show charging is taking place.
In addition, the device no longer shows up in iTunes and doesn;t sync. I suspected a defective cable but chraging does seem to work. Have tried recycling power to no efect.

Start with Not Charge
- See:
iPod touch: Hardware troubleshooting
- Try another cable. Some 5G iPods were shipped with Lightning cable that were either initially defective or failed after short use.
- Try another charging source
- Inspect the dock connector on the iPod for bent or missing contacts, foreign material, corroded contacts, broken, missing or cracked plastic.
- Make an appointment at the Genius Bar of an Apple store.
Apple Retail Store - Genius Bar

Why has the "currently playing" symbol disappeared in itunes 11.0.4?

The little loudspeaker icon that appears to the left of the "name" column has disappeared from my itunes 11.0.4. I can't find a button in Preferences or a selection under "View" that would get it back. Does anyone know how to make it reappear? (I know I can look up at the info bar to see the title, but it's a lot faster to just glance at the name column.) Thanks!

My loudspeaker does appear:
Assuming you have room available to the left of the check mark in iTunes (if not, make room first), try control-click on the row that says "Name ... Artist ... etc." and checking "Auto size all columns" from the resulting drop-down.

SPRY Collapsable Panel

I have a few panels on the page...I would like one to close
when another opens....is there a way to do that? OR...
I would like to know how to use the SPRY Accordian with an
initial state of ALL CLOSED.
Thank you!
Jennifer

I bet that you can get this to work without too much trouble.
Make sure that the form surrounds the entire spry panel set. I
would probably try it this way, particularly if you are going to
use one of the form wizards:
(1) Build the form first
(2) Within the form creat space for the SPRY Panels
(3) Then copy/paste respective pieces into each panel.
-Tod

Why has my spry collapsable panel disappeared in live view?

Similar Messages

Maybe you are looking for