Sitemap

Amicuk Programming Answers

Spry Collapsable Panel Question

-0001-11-30   Views:0

Advertisement

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

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.

The replay answer
Advertisement
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;

Go to See the other 3 answers

Spry Collapsable Panel Question

Category:DefaultRelease time:-0001-11-30Views:130

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[More]

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

Category:DefaultRelease time:2015-10-11Views:130

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[More]

Issues with spry collapsable panel

Category:DefaultRelease time:-0001-11-30Views:130

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 pr[More]

Spry collapsable panel transparency

Category:DefaultRelease time:-0001-11-30Views:130

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 i[More]

Spry Collapsible Panel question

Category:DefaultRelease time:2015-10-11Views:130

I have a file online that uses a Spry collapsible panel.  It can be viewed here.  It works beautifully.  For one exception.  The logo is supposed to be up some 10 pixels or so.  The CollapsiblePanelTab is occupying the space. So I took the CSS for th[More]

Quick Collapsable Panel Question

Category:DefaultRelease time:-0001-11-30Views:130

Hi, Working with the Collapsable Panel within the Sliding Panel framework.  So far all is going and gone well.  One minor thing.  I want the collapsable panels to be closed on default.  I did add this piece of coding <script type="text/javascript&[More]

Spry Sliding Panels Question..

Category:DefaultRelease time:-0001-11-30Views:130

Hello, I'm building a website and want to have a small image gallery page, with Spry Sliding Panels as the framework. Everything was working fine until I realized that in the browser, when I clicked the link to go the next panel, the actual web page[More]

Spry Collapsable panel with forms

Category:DefaultRelease time:-0001-11-30Views:130

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 w[More]

Spry tabbed panels - question about hover

Category:DefaultRelease time:-0001-11-30Views:130

Hello, I am relatively new to Dreamweaver and Spry, but have made a website using vertical Tabbed Panels that finally looks ALMOST like I want it. I am sure that I have done some things that could be much simpler though- http://web.me.com/marinka9170[More]

Spry Tabbed Panel Question

Category:DefaultRelease time:-0001-11-30Views:130

Anybody know how to hide/display a panel. I want to be able to hide certain panels/tabs with dynamic data.There is a lot of info about the Spry Widgets at the Adobe website. See if the first example here will help. http://labs.adobe.com/technologies/[More]

Spry Tab Panel Question

Category:DefaultRelease time:-0001-11-30Views:130

I am designing a new site which for the most part will be one page of Spry Tab Panesl. Is it possible to have the contect section grow or shrink vertically according to the amount of content in a slow motion, like the accordian or collapasible panels[More]

Hot
Hi, I am parsing an XML using DOM Parser. When i try to get attributes of a node, i dont get in the order it is written. For Eg. This the node: <Level0 label="News" link="/website/ing_news.nsf/ViewNewsForm?OpenForm&All" level=&q [More]
I received an email containing pdf files. I am using Adobe Reader Touch for Windows 8. File doesn't open. I am a new user to Windows 8.The full featured Reader for Windows 8 is Reader XI. Reader Touch works in all Windows 8 systems BUT it is intended [More]
Installed 11.1.2.2 HSS and EAS on middle tier linux server and using a 2 brand new SQL Server 2008 database(s) as the repository on Windows 2003 machine. These servers were used in 11.1.2.0 environment so should not have any tcp errors but configtool [More]
Hello - Does anyone have some thoughts/information on best practices relating to SAPGUI version and patch upgrades. Obviously, sometimes upgrades are forced upon us (e.g. 7.10 for Vista) and in other cases it may just be considered "nice to have" [More]
Hi All, When we do Run Depreciation without closing the period, what backend tables store this information that the Depreciation is run without closing the period. I have to apply a logic in one of my package, which would be applied only if prelimina [More]
i dont know why but i can't download apps or do mu update please help meTry: - Reset the iOS device. Nothing will be lost Reset iOS device: Hold down the On/Off button and the Home button at the same time for at least ten seconds, until the Apple log [More]
OK, i have searched all day about this but no answer is working, and I see this has happened to so many people but have not seen anything super recent so hopefully there has been a fix. I just upgraded to Mountain Lion after being on OS 6.8 for a lon [More]
     My Power Mac G5 had been acting strange lately in the form of not turning until I waited a day after turning it off. Thankfully, I have determined the cause to be the power supply after using the apple hardware test and reading other posts. When [More]
I wat to know in detail about the need of web services & architectureHi, have you read the documentation on http://download-uk.oracle.com/docs/cd/B31017_01/integrate.htm ? You should try the quickstart guide and the tutorial for the BPEL PM. For webs [More]
Hello, While installing Oracle Financials 11, I received an error that says the following ========================================== System Utilities Check : command : cmd.exe /c C:\Stage11i\startCD\Disk1\rapidwiz\bin\checkutil.cmd C:\mksnt C:\VC98 C [More]