Collapsible panel not collapsing properly

When I insert a background-color different from none here, in
the SpryCollapsiblePanel.css,
.CollapsiblePanel {
margin: 0px;
padding: 0px;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
background-color:
none;
and use it on a page, the panel background-color is correct
when the panel is opened.
However, when the panel is closed again, the area with the
panel background-color does not collapse but remains as a
background-color in the area under the tab, replacing the general
background-color of the page, thus also forming the
background-color of any unrelated text below the panel.
How to avoid that?

That's exactly what I'm talking about... the page is
completely messed up. Thanks for looking.
However I think I discovered my problem. I had the widget
inside ul tags which seemed to make it disappear in IE. I'm
experimenting now and seem to be finding a solution by moving the
list items around. I'd say I have a solution.

Similar Messages

Anchor links to accordion panels not working properly across browsers

Hi everyone,
I need some help to figure out why my anchor links to specific accordion panels on another page are not working properly across browsers.
I have a Map page which has tooltips on mouseover on the site markers. 15 of the tooltips have "Click here for information" anchor links (although only 14 are currently linked) which, in theory, would take you to the Nurseries page where the specified accordion panel would be opened with the nursery entry appearing at the top of the new browser window.
Here are the links to the Map page and Nurseries page, respectively:
www.alegriadesignstudio.com/RFRI/map_v6.html
www.alegriadesignstudio.com/RFRI/nurseries_v6.html
I've tested the anchor links on IE, Firefox, Google Chrome, and Safari, and have received varying results. In most cases, the anchor links worked perfectly on two of the browsers, while on the other browsers, the correct accordion panel is opened but the nursery entry does not appear at the top of the new browser window. Anchor links using Safari and Google Chrome fared better (10 out of 14 links worked properly, and 8/14, respectively), whereas when using Firefox and IE, only 3 anchor links worked properly. The target audience for this website will be using IE and Firefox, so I would appreciate any help to figure out how to tweak the code so that the most, if not all, anchor links work properly on these two browsers in particular.
Here's an anchor link which worked perfectly in IE, GC, and Safari, but in FF, the entry did not appear at the top of the new browser window.
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green dot from the top of the map (Tooltip--Location: Mangatarem) and then click on "Click here for information."]
Here's a sample anchor link in which the entry did not appear at the top of the new browser window in any of the 4 browsers:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the bottom of the map and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet; North Cotabato) and then click on "Click here for information."]
Here's a sample anchor link in which the anchor link worked properly in GC and Safari, but the entry didn't appear at the top of the browser window in IE and FF:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island north and a bit west of "Mindanao" which is called "Bohol" and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then click on the first "Click here for information."]
Many thanks in advance for your assistance!
Joy

Hi everyone,
I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
Many thanks in advance.
Joy

Multiple panels not working properly

I've added an additional read less at the bottom of each tab panel on the page.
http://summiticemelt.com/productstestmar4.php
1. The page opens with the #2 & 3 tabs open, even though they are set to false.
2. The read less function does not work properly with tabs 2 & 3.
I'm new to Spry and .js and pieced this together based on what I could find in the forums.

There are a few problems that I have noticed so far.
Line #1 <!doctype html5> is not recognised, hence the page will revert back to HTML 4.01 Transitoinal. It should read <!doctype html>
Line #51 (links to) style rules should be placed in the <head> element, not in the <body> element
Lines #124, #159 and #188 all link to the same JS file. Delete two of them.
Lines #126, #161 and #207 contain a constructor for the same widget. The former two should be deleted.
Lines #190 and #208 contain a constructor for the same widget. The former should be deleted
Although JS can be placed anywhere in a document, I tend to place all JS at the bottom, just above the ending body tag (</body>) unless the JS is required for rendering purposes in which case it should be placed where it is required. This way, you can keep check of what you have linked to and which constructors you have created thus eliminating the problems mentioned above.
Also you might like to have a look at a collapsible panel group http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html. This will simplify the code somewhat.
Gramps

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

Collapsible Panel not displaying correctly in IE

I have a collapsible panel in a link list that functions
properly in FF, Safari and Opera but completely falls apart in IE 6
and 7. Does anyone know what would cause this or how to fix it? I
thought that swfobject might be interfering with spry in some way
but the problem persisted even after I remove the flash content and
script links.
The site is here:
http://www.madfatter.com/wordpress
and that collapsible panel encompasses the "Related Links" button.
Thanks for any help,

That's exactly what I'm talking about... the page is
completely messed up. Thanks for looking.
However I think I discovered my problem. I had the widget
inside ul tags which seemed to make it disappear in IE. I'm
experimenting now and seem to be finding a solution by moving the
list items around. I'd say I have a solution.

Spry Accordion not collapsing properly in IE & Firefox

My design portfolio is on my testing server. The accordion
works perfect in Safari but it will not collapse in Firefox and
Internet Explorer. Here is the link:
http://deptart2.memphis.edu/~jwilcoxen/web_portfolio/home.php
. Please help. I attached my spry accordion css.
@charset "UTF-8";
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* This is the selector for the main Accordion container. For
our default style,
* we draw borders on the left, right, and bottom. The top
border of the Accordion
* will be rendered by the first AccordionPanelTab which
never moves.
* If you want to constrain the width of the Accordion
widget, set a width on
* the Accordion container. By default, our accordion expands
horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector
is not necessary
* to make the widget function. You can use any class name
you want to style the
* Accordion container.
.Accordion {
border-left: none gray;
border-right: none black;
border-bottom: none gray;
overflow: auto;
background-color: #FFFFFF;
font-family: "Gill Sans", "Helvetica Neue", "Arial Narrow",
sans-serif, Helvetica;
padding: 10px;
background-image: url(../images/glowbg_home.jpg);
background-repeat: no-repeat;
text-align: left;
text-indent: 8px;
/* This is the selector for the AccordionPanel container
which houses the
* panel tab and a panel content area. It doesn't render
visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this
selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
background-color: ##54275F;
/* This is the selector for the AccordionPanelTab. This
container houses
* the title for the panel. This is also the container that
the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this
selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel tab container.
.AccordionPanelTab {
background-color: #000000;
border-top: 1px none black;
border-bottom: 1px none gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
color: #CCCCCC;
font-family: "Gill Sans", "Helvetica Neue", "Arial Narrow",
sans-serif, Helvetica;
font-size: 12px;
font-weight: normal;
/* This is the selector for a Panel's Content area. It's
important to note that
* you should never put any padding on the panel's content
area if you plan to
* use the Accordions panel animations. Placing a non-zero
padding on the content
* area can cause the accordion to abruptly grow in height
while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on
the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in
this selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: hidden;
margin: 0px;
padding: 0px;
background-color: #CCCCCC;
text-align: left;
vertical-align: 50%;
height: 326px;
/* This is an example of how to change the appearance of the
panel tab that is
* currently open. The class "AccordionPanelOpen" is
programatically added and removed
* from panels as the user clicks on the tabs within the
Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #4F285B;
/* This is an example of how to change the appearance of the
panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover"
is programatically added
* and removed from panel tab containers as the mouse enters
and exits the tab container.
.AccordionPanelTabHover {
color: #51275D;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #FFFFFF;
background-color: ##54275F;
/* This is an example of how to change the appearance of all
the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is
programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #000000;
/* This is an example of how to change the appearance of the
panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: ##54275F;
height: 310px;

Thanks Gramps, that information was really helpful.
I just removed all instances of 'rgba' in the .css rules that specify color, changing it to 'rgb' and also removing the 4th parameter indicating the transparency value.
Now that I understand what the problem was it actually makes complete sense, since IE does not support transparency.
Thanks again.

Search panel not working properly for mysql

JDev 11.1.1.3, MySql 5.1, Windows 7 x64
When you place a search panel with a table using view criteria on a page the search does not function properly.
The search criteria is developed as shown in the VO:
( (UPPER(Patients.card_number) LIKE UPPER( :pCard || '%') ) OR (UPPER(Patients.full_name) LIKE UPPER( :pName || '%') ) )
When you press the search button with a blank form - all records are returned correctly
if you put any data in the search form - it only returns the first record in the table (not related to the criteria).
if you enter a letter in the name field - it returns no records found.
Is there a workaround for this? or has someone patched this already?
Is there a place that you can configure the way the query is built based on the database type?
also if you use the history columns - you get errors saying sysdate is not valid in the query.
I noticed the same issue that has already been raised by others (the search criteria does not show in the panel) but this is merely an inconvenience as it shows when it is run).

Suganth - Umm... there are reasons why this value isn't editable in the design time once you have set it. Ever think about why JDeveloper makes the value read-only? There's also a type map that is non-changeable in the UI; can we hack that too? Unless you know the consequences of changing this (and explain them in your "solution"), you are being irresponsible in posting such a suggestion. If there are no consequences, explain that too, and tell us why the UI prevents you from making this change.
rogerappl - Hack the jpx file at your own risk. There's a very old [url http://www.oracle.com/technology/products/jdev/howtos/10g/MySql/MySQL_and_BC_HowTo.html]article on using ADF Business Components with MySQL that talks about the correct settings for these.
John
Edit.. Roger I see that you've updated the thread - when you created your business components, did you specify SQL92 flavor originally? What type map did you use?
JOhn

Collapsible panel not working

Hi,
I am facing a problem with Collapsible panel provided by tomahawk.
The action method of the command link in the <f:facet> is not invoked.* This method is used for toggling the value of the boolean variable assigned to value attribute of <t:collapsiblePanel> and because this method is not invoked the panel doesnt display the contents
<t:collapsiblePanel id="RequirementInformationPanel" value="#{RgsViewRequirementBB.collapseReqPanel}">
          <f:facet name="header">
               <h:commandLink id="toggle" action="#{RgsViewRequirementBB.renderPanel}" value="#{bundle['rgs.label.requirementRelatedInfo']}" />          </f:facet>
          <h:panelGrid styleClass="panelBorder">
                    <h:panelGrid columns="4" >
                         <h:outputText value="#{bundle['rgs.label.RequirementId']}" style="width : 150px" styleClass="screenLabelBold" />
                         <h:outputText value="#{bundle['rgs.label.RequestId']}" style="width : 150px" styleClass="screenLabelBold" />
                         <h:outputText value="#{bundle['rgs.label.Exop']}" style="width : 150px" styleClass="screenLabelBold" rendered="#{!RgsViewRequirementBB.displayCandidateView && RgsViewRequirementBB.exop=='true'}"/>
                         <h:outputText value="#{bundle['rgsView.RejectedCandidates']}" style="width : 150px" styleClass="screenLabelBold" rendered="#{RgsViewRequirementBB.displayCandidateView}"/>
                    </h:panelGrid>
                    <h:panelGrid columns="4" >
                         <h:outputText value="#{RgsViewRequirementBB.requirementId}" style="width : 150px" id="RequirementId" styleClass="screenLabel"/>
                         <h:outputText value="#{RgsViewRequirementBB.requestId}" style="width : 150px" id="RequestId" styleClass="screenLabel"/>
                         <h:graphicImage rendered="#{!RgsViewRequirementBB.displayCandidateView && RgsViewRequirementBB.exop=='true'}" value="../images/flag1.gif"/>
                         <h:outputLink onclick="rejectedCandidatePopupFromDetailsScreen(this,this.form);return false;" rendered="#{RgsViewRequirementBB.displayCandidateView}" id="RejectedCandidateLink">
                              <h:outputText value="Rejected Candidates" style="width : 150px"/>
                         </h:outputLink>
                    </h:panelGrid>
          </h:panelGrid>
     </t:collapsiblePanel>In the backing bean I am having collapseReqPanel as a boolean variable which is initialized to true along with its getter and setter methods and the renderPanel (action method for command link inside the facet tag of collapsible panel) method is:
public String renderPanel(){
    System.out.println("Inside Render panel");
     collapseReqPanel=!collapseReqPanel;
     return null;
}What is wrong in the above code?

Is your bean request or session scoped? If request scoped, try session scope. If it works and you want to keep it request scoped, you'll have to pass the collapseReqPanel booleanvalue to the next request using h:inputHidden or requestMap so that it retains in the next request.

Dreamweaver CS4 collapsible panels not working

I've used collapsible panels on pages many times before with no problem. But for some reason, on the page below, they're not "working" - no opening or closing. They just appear in an open state at all times.
In Dreamweaver, I have the Display setting to Open, the Default state to Closed, and I have enabled animation.
I know this must be something very obvious.If anyone could take a look and see if you see what I'm missing, I'd sure appreciate it. I searched the Spry forum and came up empty.
Here's the page:
http://nasr.hostasaurus.com/faq.htm

Place the constructors above swfobject as follows
<script type="text/javascript">

</script>

Front panel not aligning properly on scale print

So I've created a custom print VI with various graphics that I'd like to print on an 11x17 sheet of paper in landscape mode, but for the life of me I can't get the thing to align properly. I want the front panel to print centered with 0.1 - 0.2 inch margins all around, but instead of doing this, the front panel will sometimes print aligned to the left and top or other times to the right and top (with wrong margins always on two sides, sometimes three or four). I'm using a programmatic call to the easy print function that scales the front panel to fit on this size. However, even after making the proportions of objects on the VI 11:17 (vertical: horizontal) I still can't seem to get this thing to center properly. Any ideas of what the problem could be?

Ok, So I created a blank VI with a 1280 x 1978 frame decoration, yet the print preview in labview still doesn't seem to show the thing with proper alignment.
Looking at the picture, looks like it's aligned along the right and top of the page rather than uniformly centered. Ideally, the frame would uniformly cover all the edges around the page in the preview. I suspect this is an issue with LabVIEW and not my printer, as I can set my printer to borderless printing.
Any ideas?
Attachments:
print align.JPG ‏22 KB

Simultaneously Controlling LabVIEW Remote Front Panels not working properly

We are trying to simultaneously control a Executable file from different PC as per the description given in link below:
http://www.ni.com/white-paper/4867/en
But the issue is that we are not able to view it in Web browser as in "Web Publishing tool" When we click on "Preview in Browser" it Pop up a message " Web server not started. Do you want to start it now? We Click YES. Still nothing happens.
We have exactly followed the steps given in the "white-paper/4867/en i.e. Selected "Enable web server" and VI Properties to "Reentrant execution".
In Control Panel>>Administrative Tools>> Services we found that NI Web Server is available but NI Application Server is not installed. Is this is the reason why we are not able to Preview in Browser. If yes how to install that OR any thing else we are missing?
Thanks
R.B.Chavan

Mateus23 wrote:
I'm now developing the web version in HTML 5, using web services to comunicate with my labview application.
There you go, good solution. When doing this remember that you have access to the database on the server. A structure I have found effective is to use the server DB like a dropbox that I write to, and the web server reads from.
Mike...
Certified Professional Instructor
Certified LabVIEW Architect
LabVIEW Champion
"... after all, He's not a tame lion..."
Be thinking ahead and mark your dance card for NI Week 2015 now: TS 6139 - Object Oriented First Steps

I have a dual-screen setup - Workspace Layout Panels - not functioning properly.

I have a dual-screen setup and since updating to 10.10.2, the panels open on the main screen - and not in the positions as they were saved in a Workspace layout.
Tried trashing the prefs - which works, but when I save a new Workspace layout, it does the exact same thing.
Any help is greatly appreciated. Thanks.

Hi Christopher,
This is a known issue and the product team is working with Apple to address it. Stay tuned.
Thanks,
Preran

Gradient panel not working properly

Image is selected but gradient panel does not show colors of image. Gradient controls cannot be adjusted even on existing gradients.
All color settings are at zero . Changing setting to a value has no effect. This happened suddenly. I had previously been using gradients without problems.

Am 20.11.2012 um 18:41 schrieb Xoph:
My Gradient Tool no longer shows the Gradient Tool Annotator over a selected object. Did I turn something off that I don't know about? Recently updated my CS5 version to try and fix but no luck. Thanks!
Is the object part of a live paint group?
Then it would be normal.
Otherwise try the view menu: Show gradient annotator

Accordion Panels not collapsing in Adobe AIR

Hi,
I'm trying to create an AIR application with HTML/CSS/AJAX (spry).
I've got my xml dataset set up and my accordion panel widget set up.
When I preview in Safari everything works fine, but when I preview in Adobe AIR the xml data shows up and the panels, but the accordion panels aren't working, clicking on the AccordionPanelTab doesn't do anything.
Any ideas on how to fix this, (if it is even possible)??

Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:spry="http://ns.adobe.com/spry">
<head>
<link href="_Assets/css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="_Assets/frameworks/AIRAliases.js"></script>
<script src="_Assets/spry/xpath.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryData.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="_Assets/spry/SpryAccordion.js" type="text/javascript"></script>
<script type="text/javascript">
var dsSeasons = new Spry.Data.XMLDataSet("http://www.tvrage.com/feeds/episode_list.php?sid=21704", "Show/Episodelist/Season", {sortOnLoad:"@no", sortOrderOnLoad:"descending"});
var dsEpisodes = new Spry.Data.NestedXMLDataSet(dsSeasons, "episode", {sortOnLoad:"seasonnum", sortOrderOnLoad:"descending"});
dsSeasons.setColumnType("@no", "number");
function airdate(region, lookupFunc) {
var realdate = lookupFunc("dsEpisodes::airdate");
var array = realdate.split('-');
return array[2] + " - " + array[1] + " - " + array[0];
function seasonnr(region, lookupFunc) {
var nr = parseInt(lookupFunc("dsSeasons::@no"));
if (nr < 10) { return "0" + nr; }
else { return nr; }
</script>
<link href="_Assets/spry/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="main">
    <h1>TV Show Title</h1>
    <div id="showInfo" spry:region="dsSeasons dsEpisodes" class="SpryHiddenRegion">
        <h2>Episode List</h2>
            <div id="eplist" class="Accordion">
                <div spry:repeat="dsSeasons" class="AccordionPanel">
                    <h3 class="AccordionPanelTab">Season {@no}</h3>
                    <div class="AccordionPanelContent">
                        <table spry:repeatchildren="dsEpisodes">
                            <tr class="{dsEpisodes::ds_EvenOddRow}">
                                <td><input name="seen" type="checkbox" value="1" /></td>
                                <td>{function::seasonnr}<span class="ex">x</span>{dsEpisodes::seasonnum}</td>
                                <td>{function::airdate}</td>
                                <td><a href="{dsEpisodes::link}" target="_blank">{dsEpisodes::title}</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                var acc = new Spry.Widget.Accordion("eplist", { useFixedPanelHeights: false });
            </script>
        </div>
    </div>
</div>
</body>
</html>
Sorry, I don't have an online url for you, I'm still working locally.
In the browser everything works fine, only when I preview in Adobe AIR the panels stop working.
I hope you can figure it out and point me in the right direction.
Thanks

One accordion tab panel not working properly

Hi,
Can you spot where my error is here, in years 4-5?
http://www.grad.umn.edu/gradwriting/IWP/
The first accordion panel is open; all other accordion panels
are shut at start . What am I missing? Thanks!

Your code is this
<script type="text/javascript">

</script>
but should be this
<script type="text/javascript">

</script>
Accordion3 and Accordion4 lines mixed up
Carl

Collapsible panel not collapsing properly

Similar Messages

Maybe you are looking for