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 Gurus, To apply customizing to a standard SAP Web Dynpro application we used to simply run the application in administration mode. After we changed a parameter to allow for theme application this adminstration mode no longer works. Right-Click sim [More]
I downloaded and used Siri Assistant on my iPhone 3gs for about a year.  Loved it.  Now, the app still starts, but continually says there is no network connection available? Has Apple stopped supporting the stand alone version just because they have [More]
Hey everyone, I am trying to figure out if have all the parts to replace my hdd with a new ssd on my macbook (late 2008 aluminum). I just bought a crucial mx100 SSD and plan on replacing my mac HDD. I have the appropriate screwdrivers, and a bootable [More]
Hi, I am trying to run a procedure using the form values right after I save the current records in a master-detail form. When I pass the value using p_session.get_value to the procedure, there is only null value passed. I checked the package body gen [More]
We are experiencing a minor problem with hyperlink colors, specifically "visited" hyperlinks. The color is not changing. I have checked the browser and the settings are set to colors for the visited and unvisited links. Is this setting controlle [More]
I have had my preferences set for a long time, for display to 'sleep' after 5 min. Recently for no reason while I am working with mouse or keyboard, monitor will enlarge the screen image as it goes black. Sometimes, I can turn the monitor off and the [More]
hello i want a 865 pro, but i have some questions, 1. Can i use the remote control that include in windows xp or windows media center?? 2. 865 pro has not s-video out, how can i use the hi-fi, dvd player, etc, on a tv? Can i install a video card with [More]
Hi Gurus, We are trying to extract data from a BW 7.0 cube to a SQL DB using Data Services XI, the issue is that we can not read text without making "joins" between SID in the fact table and the master data tables. Do you know if it is posible t [More]
Hi All, Is there a field in the customer master, that is unique ---wherein can be used for numerical / alphanumeric number. It should check and throw error if the same number is repeated again to control duplication of customer accounts. LMHi Firstly [More]
Hi All, I am creating a scenario using IDOC. The scenario has 2 steps. 1. Create SAP Batch (Tcode: MSC1N) 2. Create Goods Movement with movement type 309 (Material to Material Transfer) I am getting all the required information for the above 2 transa [More]