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
Imported docs into pages for iPad from Mac. Now text will not wrap around pics on iPad. Any suggestions?It's not possible to copy from the help file in Pages, but are you doing it this way? Following these instructions?Read other 2 answers [More]
In my work I use a batch process to run an action that converts EPS files to TIFF files. I have been using this successfully in Photoshop 7 on a Win2000 PC for a number of years. The process is as follows... Open EPS file Flatten Image Save Close Whe [More]
How to output % symbol next to the value in ALV? Concatenate and move? thanks VenHi Venkatabby, use field catelog property EDIT_MASK for this... clear ls_fieldcatalog. ls_fieldcatalog-col_pos = pos. ls_fieldcatalog-fieldname = 'LOSFX'. ls_fieldcatalo [More]
How to get an N wireless USB adapter to transfer data faster that 54 Mbps? I am running FIOS 10/2 and connected to a ActionTec  M1424WR router. Any help will be appreciated.I have to ask the question, why are you in need of 802.11N speeds?  Are you t [More]
I just got a new iMac, and I need to know how to maximize its speed with FCPX in terms of hard drives.  My old iMac had two internal drives:  a 256 GB flash drive and a 2 TB standard drive.  On that iMac, I had the OS and FCPX on the main internal SS [More]
hey everyone... i recently upgraded my mac and i'm running into an issue i can't explain or resolve: if i open an image file in firworks CS6, it dramatically distorts the color (darker), saturation levels, etc. Opening the same file in the preview ap [More]
Hello. I'm having a jsp, that outputs some information (this part is not important). I'm using Tomcat 5.0 Sometimes it happens that that jsp throws ArrayIndexOutOfBounds: 45, and Tomcat starts to throw OutOfMemory exception. This would be not so stra [More]
I have updated to iTunes 9 and all of my music and iPhone Applications have disappeared. I am re-syncing the phone and transferring purchases from the iPhone, and I am hoping this will replace everything. Where are the iPhone Apps stored on the compu [More]
How do I transfer just what I wish from my iMac to my Air using Migration Assistant? I just can't figure it out. It wants me to transfer everything-which is way bigger than the 120 gig hard drive of the Air.You can't....You might want to use differen [More]
hi, may i know how to get simulation interface toolkit installer?Get a eval version or buy from below http://sine.ni.com/nips/cds/view/p/lang/en/nid/209048 Kudos and Accepted as Solution are welcome!Read other 3 answers [More]