Accordion problems

Hi,
I have a fresh install ColdFusion 10 (latest updates)
On a RedHat 6.1,6.2,6.3,6.4 Servers.
Using Apache as a webserver.
I can't get the following test code (Test 1 and Test 2)
working. Both are provided by Adobe.
I have tried https://cf.supportobjective.com/, no help.
Does anyone know how to get ColdFusion working?
The tests work with ColdFusion 8.01.
Brian Erickson

<cfif IsDefined("Form.fieldnames")>
<cfdump var="#form#" label="form scope">
<br><br>
</cfif>
<br>
<cfform name="myform" height="285" width="480" format="Flash" skin="HaloBlue">
<cfformgroup type="tabnavigator" height="240" style="marginTop: 0">
<cfformgroup type="page" label="Contact Information">

<cfformgroup type="horizontal" label="Your Name">
<cfinput type="text" required="Yes" name="firstName" label="First"
value="" width="100"/>
<cfinput type="text" required="Yes" name="lastName" label="Last"
value="" width="100"/>
</cfformgroup>
<cfformitem type="hrule" />
<cfformitem type="HTML"><textformat indent="95"><font size="-2">
Flash fills this field in automatically.
You can replace the text.
</font></textformat>
</cfformitem>

<cfinput type="text" name="email" label="email"
bind="{firstName.text}.{lastName.text}@mm.com">
<cfformitem type="spacer" height="3" />
<cfformitem type="hrule" />
<cfformitem type="spacer" height="3" />
<cfinput type="text" name="phone" validate="telephone" required="no"
label="Phone Number">
<cfinput type="datefield" name="mydate1" label="Requested date">
</cfformgroup>
<cfformgroup type="page" label="Preferences" style="marginTop: 0">
<cfformitem type="html" height="20">
<b>Tell us your preferences</b>
</cfformitem>

<cfformgroup type="hdividedbox" >

<cfformgroup type="VBox"height="130">
<cfformitem type="text" height="20">
Pets:
</cfformitem>
<cfformgroup type="vertical" height="80">
<cfinput type="Radio" name="pets" label="Dogs" value="Dogs"
checked>
<cfinput type="Radio" name="pets" label="Cats" value="Cats">
</cfformgroup>
</cfformgroup>

<cfformgroup type="VBox" height="130">
<cfformitem type="text" height="20">
Fruits:
</cfformitem>
<cfformgroup type="tile" height="80" width="190" label="Tile box">
<--- Flash requires unique names for all controls. --->
<cfinput type = "Checkbox" name="chk1" Label="Apples"
value="Apples">
<cfinput type="Checkbox" name="chk2" Label="Bananas"
value="Bananas">
<cfinput type="Checkbox" name="chk3" Label="Pears"
value="Pears">
<cfinput type="Checkbox" name="chk4" Label="Oranges"
value="Oranges">
<cfinput type="Checkbox" name="chk5" Label="Grapes"
value="Grapes">
<cfinput type="Checkbox" name="chk6" Label="Kumquats"
value="Cumquats">
</cfformgroup>
</cfformgroup>
</cfformgroup>
</cfformgroup>
</cfformgroup>
<cfformgroup type="horizontal">
<cfinput type = "submit" name="submit" width="100" value = "Show Results">
<cfinput type = "reset" name="reset" width="100" value = "Reset Fields">
</cfformgroup>
</cfform>


<html>
<head>
<title></title>
<meta content="">
<style></style>
</head>
<body>
<cfform name="myform" height="220" width="400" format="Flash" >

<cfformitem type="text" style="fontWeight:bold; fontSize:14;">
Flash form with formatted text and rules
</cfformitem>

<cfformitem type="text">
<b><font color="#FF0000" size="+4" face="serif">
This form has formatted text, including:</font></b><br>
<textformat blockindent="20" leading="2">
<li>colored text</li>
<li><i>italic and bold text</i></li>
<li>a bulleted list in an indented block</li>
</textformat>
<p><b>The text is preceded and followed by horizontal rules</b></p>
It also has a link to a web page.</b><br>
<a href="http://www.adobe.com/" target="_blank">
<font color="#0000FF"><u>
This link displays the Adobe home page in a new browser window
</u></font></a>
</cfformitem>
</cfform>
</body>
</html>

Hi Brian,
Flash forms are deprecated and not supported anymore. However, I have checked the code on CF8.0.1, CF9.0.1 and CF10. The behavior is similar across all browsers on these servers.
Regards,
Anit Kumar

Similar Messages

Spry Accordion Problem in IE7

Hi,
I have created a Spry Accordion containing 7 sections, using CS4. It works perfectly in Firefox, however there is a strange bug in IE7. The top section requires the scrollbar and this is working ok. However, the other 6 sections all have the same problem (btw, none of these other 6 are needing the scrollbar as the text does not fill the content area) - the bottom line of text in each of the 6 other accordion sections is not displayed. All the other text in the 6 sections is ok (other than the fact that the top margin is non-existent - I assume that can be fixed fairly easily)
Has anyone else had this problem, and are there any know fixes?
many thanks for any help offered

Since the answer to your question requires some knowledge of Spry, you might want to post it in the Spry forum. Be prepared to post a URL to the problem page, if asked.
Mark A. Boyd
Keep-On-Learnin' :-)

Accordion Problem in Internet Explorer

Hi,
This is the scenario, i developed a small framework and gave
it to the developer,
which included a Accordion, which i accomplished via using
Spry Widget in dreamweaver.
Now the problem is, everything works fine when viewed in
Firefox and where as in Internet
Explorer the Accordion doesn't seems to work well. Someone
point me in the right direction;
on what could be wrong.
The site is:
www.novanavigator.com
Visit here
or
Novanavigator
Username: rip4demo
Password: prana@123
And once you get into the cart, click on the
"My Subscribed Products" you will notice
the odd accordion in Internet Explorer, this exists in
version 6.0 as well as in 7.0
For your reference i've attached the
"SpryAccordion.css" file.
Thanks in advance.
Amarnath

Live text reflows differently (even when using the same font) in different browsers, browser versions, operating systems and devices.
To have this image appear at a consistent location in the text flow, cut it, click an insertion point in the text frame where you want the image to be and paste. Then select the image with the text tool (as though it's a very large character) and use text alignment to center it. Pasting it into the text frame will cause it to be treated as a character in the text flow and thus it will appear at a consistent location when the text is laid out differently in different browsers.

Spry Accordion Problem in Internet Explorer

Hi,
i have created a spry accordion menu in Dreamweaver CS3. My
problem is that when I click in Internet Explorer, small selection
handles appear all round the accordion object. This looks quite
poor then. Any ideas how I can get rid of these?
Thanks.

Except for the fact that Spry Accordions are involved, the problem is hardly Spry related.
Having said that, I will try to help you on your way to solving your problem.
The following is a list of my observations
the <div id="wrapper"> on line 74 does not have an ending tag
<div class="right-column" has 35px padding on the right but not on the left. Because IE interprets the so-called box model differntly to other browsers, and because the div is floated right, the left edge of the div will be pushed further to the left than on other browsers. It may be an idea to put at least some of the padding on the left to keep it clear of the divider line
the field set in your contact form is 460px wide, the div surrounding it is only 440px and again IE reacts differntly to other browsers in that it expands the parent to suit the child. Try reducing the width of the fieldset to say 400px.

Accordion problem: child not display first time added

I have an mx Accordion that I extend to add some simple functionality (e.g., replace a child content at certain index). I tested it in a clean window and everything seemed to work fine, until I use it in my "real" app.
The problem is when I add a child content to it, the child never bothers to show up until after I click on another header and then go back to click on the header of the child that was just added. I try to call "invalidateParentSizeAndDisplayList();invalidateDisplayList(); invalidateSize();" in the child content's addhandler, and on the Accordion's "childAdd" handler, without luck.
Anyone has encountered this before? This is probably not the best place to ask for troubleshooting tips but this is really driving me crazy. Any lead is really appreciated!

ok. i figured it out. setting the "creationPolicy" of the navigatorContent to "all" solves the issue!

HELP! Accordion Problem

hi there im trying to put a Accordion Widget, and works just fine in my preview in all browsers, but when y uploaded the page to the server the accordion simple doesn't work at all, my spry version is 1.6.1 i have uploaded all spryAssets files, i have changed the url src but i cant make it work please HELP!!!!!!
my test site is on http://www.raza151.cl/prueba.html
please every thing you need to help me just ask
byes!

I think your problem is answered in another
thread
Is this your problem?

Spry Accordion problem using URLutilis

Hi, I'm using a spry accordion and have the 3rd panel opening as default.
I'm now trying to use URLutilis to open a specific accordion panel from another html page,
but as soon as I amend the target page code, all the panels of my accordion default to open.
This is the code I'm using in the head:
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript">
var params = Spry.Utils.getLocationParamsAsObject();
</script>
This is the code I'm using in the body:
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: params.panel ? params.panel: 1});
I still have SpryAccordion.js set as:
this.defaultPanel = 2;
Could someone let me know where I'm going wrong and why all panels are now open?
Cheers,
Andy

Since the answer to your question requires some knowledge of Spry, you might want to post it in the Spry forum. Be prepared to post a URL to the problem page, if asked.
Mark A. Boyd
Keep-On-Learnin' :-)

Spry Accordion problem in IE8

Hi to all
I created a menu item list using the spry accordion for the left menu on a website. The spry works perfectly when I'm testing the site locally, but when I load the site directly to the ftp server and test it on the web, the spry accordion wont work at all. There´s no animation, the tabs that have content only shows scrolling bars. I added the .css and .js styles to the site but is not working.
You can view the site here. It´s the left menu.
Thanks in advance...

Hi, it looks like there is a problem with the javascript at the bottom of your page. There is an error with the line "swfobject.registerObject("FlashID");" (line 226). And that is keeping your accordion declaration from happening. If you fix the error (which is 'swfobject is not defined') the panel should work properly. Quick fix is to move the accordion declaration statement above the statement causing the error. Hope this helps.
Dan

I have a spry accordion problem with IE.

When I scrol down and open a panel in my spry accordion something decides to go to the first panel.
After that I have to scroll down to the opened panel.
I want to see the opened panel at once when I opened it and not go to the top of my page first.
This is no problem in ff, safari and chrome. That works fine.
Any one knows this problem and how do I solve it?
Thanks.
http://www.zeelandseaport.nl

those here
http://labs.adobe.com/technologies/spry/

Spry accordion problem with IE

I tried to make a site using all different spry-widgets, so I
made tabbed panels and in them accordion panels (and in other
panels other spry-things). It works well in FF but in IE the
accordionpanels stay all open.
Can someone help me out.
Many thanks

those here
http://labs.adobe.com/technologies/spry/

Accordion problems in Explorer

In Explorer the page jumps to the top of the accordion when I
click to expand a section. It works fine in Firefox. Is there any
way to keep it from jumping in Explorer. Here is the page I'm
working on...
http://www.phillyshrm.org/chapter_center/board_spry.htm

I looked at the html as well. Because your widget has a
tabindex it put's the focus on the widget after you clicked a
panel. However putting the focus on the total widget causes IE to
position the cursor at the beginning of the widget.
When you remove the tabindex attribute it works fine, however
you cannot tab to the widget with your keyboard, and therefor you
loose keyboard navigation, which is bad.
The better solution is to dive into the onPanelClick function
in the SpryAccordion.js file.The last line of that function calls
the focus function which in case of IE you don't want. Remove this
line and it works fine.

Swc / accordion problem, trying to create a 3-level dynamic nav

Hi!
First time poster, long-time troller. I've been working on a
CMS system and having a little trouble creating a three level
navigation, that's uses the functionality of the accordion
component, but styled with dynamically loaded fonts.
I'm using the "flexlibs" swc (and was playing with degrafa,
but think it's a little much for what I'm trying to do). What I'm
doing is:
- pulling the three level navigation (1st level - brand, 2nd
- campaign, 3rd - job),
- a VBOX holds the entire nav, the first level is an
accordion with:
-- a header (that somehow draws the data (this is my first
question) to put in a swc I created, in a Header.mxml component.);
and a
-- repeater that does the same thing for "campaign" (2nd
level): vbox, vaccordion (header + repeater), that holds:
-- a swc component, called "JobComp" (I've been playing
swapping it with a flash-made swc but can't seem to figure out how
to pass initialization variables in the constructor)
I used "swc"'s for the nav components, because the fonts are
"AGBuchBQ-Bold" and I thought it'd be easier this way.
I guess my question(s) are:
1. How do I pass a variable in the constructor of a swc
Component?
2. Am I doing this right? Or should I construct the
navigation ALL in flash, export as a swc, and just pass in the xml
to the flash component (which means I need to understand #1...)
3. Is there a way to load / set font in the accordion / list
components that are not the basic fonts? If I can style it all in
the .css, that'd be really really helpful, I think, since it's 90%
there.
Thanks again, for any input,
Dom

My bad i didn't see that you want to create a swc.
Well, as i said earlier, for me, the only way to pass
parameter to a constructor (i suppose you mean like new Label("my
title")) is using actionscript.
What you can do if you want to create an MXML file is
creating public parameters (or getters) in the script tag and use
the [bindable]. As far as i understood Flex, properties in an MXML
will have no action on your component if you don't use this tag.
You can as well create a method that will apply these
parameter after its creation, example :
You create a MyComponent class which has different properties
like displaySubComponent and maximumValue. In your class, you
create a method called "applyParameters" which will do something to
initialize it.
Then you call use it like this:
<c:MyComponent id="a_component" displaySubComponent=[ A,
B, D] maximumValue=5
onCreationComplete={a_component.applyParameters()} />
And yes, i thought
"dataProvider="{repeatCampaign.currentItem..job }" was strange but
it's good to know that we can do that ;)
Hope, i was understandable ^^"

Dreamweaver-Accordion Problem

When I go on my app preview I click on the link to go to this page and the accordion is not working. Can someone please help me?
Thanks,
Lucas

This is the first page code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Fort Wayne Real Estate</title>
<link href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery.ui-1.10.4.accordion.min.js" type="text/javascript"></script>
<style>
.ui-widget-content {
    background-image: none;
</style>
</head>
<body>
<div data-role="page" id="page1">
<div data-role="header">
    <center><img src="img/SearchFortWayne.com Logo.png" width="320" height="170" alt=""/></center> </div>
<div data-role="content">
<div id="Accordion1">
    <h3><a href="#">Real Estate Agents</a></h3>
    <div>
      <h5><a href="eckrich.html">Annie Eckrich</a></h5>
      <h5><a href="#">Agent 2</a></h5>
      <h5><a href="#">Agent 3</a></h5>
    </div>
    <h3><a href="#">Home Improvement</a></h3>
    <div>
      <h5><a href="#">Store 1</a></h5>
      <h5><a href="#">Store 2</a></h5>
      <h5><a href="#">Store 3</a></h5>
    </div>
    <h3><a href="#">New Home Builders</a></h3>
    <div>
      <h5><a href="#">Builder 1</a></h5>
      <h5><a href="#">Builder 2</a></h5>
      <h5><a href="#">Builder 3</a></h5>
    </div>
    <h3><a href="#">Mortgages</a></h3>
    <div>
      <h5><a href="#">Company 1</a></h5>
      <h5><a href="#">Company 2</a></h5>
      <h5><a href="#">Company 3</a></h5>
    </div>
</div>
<div data-role="footer">
    <h4>© 2015 kyZle.com, L.L.C.</h4>
</div>
</div>
<script type="text/javascript">
$(function() {
$( "#Accordion1" ).accordion();
</script>
</body>
</html>
Then the second page code that is messing up is:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Fort Wayne Real Estate App</title>
<link href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery.ui-1.10.4.accordion.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page" id="page1">
<div data-role="header">
<center><img src="img/SearchFortWayne.com Logo.png" width="320" height="170" alt=""/></center> </div>
<center><h3>Annie Eckrich</h3></center>
<div data-role="content">
<center><img src="img/Annie Eckrich.png" width="204" height="275" alt=""/></center>
<div id="Accordion1">
    <h3><a href="#">Website Link</a></h3>
    <div>
      <h5><a href="http://www.AnnieEckrich.com">www.AnnieEckrich.com</a></h5>
    </div>
    <h3><a href="#">Phone Number</a></h3>
    <div>
      <h5><a href="260-437-0494">(260) 437-0494</a></h5>
    </div>
    <h3><a href="#">E-mail Me</a></h3>
    <div>
      <h5><a href="mailto:[email protected]">[email protected]</a></h5>
    </div>
</div>
<div data-role="footer">
    <h4>© 2015 kyZle.com, L.L.C.</h4>
</div>
</div>
<script type="text/javascript">
$(function() {
$( "#Accordion1" ).accordion();
</script>
</body>
</html>

Spry accordion problem

I have rebuilt my PC, and I have got a website that has had an accordion for years and it has worked fine until doing my PC rebuild... the accordion doesn't collapse anymore. It stays open, however this only happens locally; the live site still works fine, so I can't even show it to you. What has gone wrong for me locallly?
Thanks
Mat

I have tried that. The funny thing is there is a sister site that has pretty much the same javascript and css apart from colours and that works fine both on the live site AND locally.
Is the default spry framework in CS4 the most recent? I recall that when CS3 came out, I had to update that because accordions didn't close fully, and that was addressed in the update. However, that shouldn't have any bearing on an accordion which is already created as the code for was written years ago.

Spry Accordion Problems

Hi.
I would like to ensure that menus stay open while the visitor
is browsing sub menu items
Please visit my site to see what I mean:
jeffcooperdesign.co.uk/devonsailingtemp
Click on Adventure Sailing, the menu opens, then click on
Around Britain. You are taken to the page but the menu has reverted
to its closed state. I would like the Adventure Sailing menu to
stay open all the while the user is browsing its submenus.
Thanks

Then what you need it's collapsible panel. Have a look:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Thogh you'll need to upgrade your spry version to 1.6.1. Here
is the
link to do it:
http://labs.adobe.com/technologies/spry/home.html
Jeff R Cooper wrote:
> Hi.
>
> I would like to ensure that menus stay open while the
visitor is browsing sub
> menu items
>
> Please visit my site to see what I mean:
> jeffcooperdesign.co.uk/devonsailingtemp
>
> Click on Adventure Sailing, the menu opens, then click
on Around Britain. You
> are taken to the page but the menu has reverted to its
closed state. I would
> like the Adventure Sailing menu to stay open all the
while the user is browsing
> its submenus.
>
> Thanks
>
>
>
>

Accordion problems

Similar Messages

Maybe you are looking for