Mobile site using an accordian panel with menu selections

I watched the adobe muse video here is the link http://tv.adobe.com/watch/creative-suite-podcast-designers/how-to-create-a-dynamic-sliding -menu-for-your-mobile-website-in-adobe-muse/
In the demo, when you preview it mobile site, the menu is not displayed and when you tap th emenu, the accordian menu displays and pushes all the content down and then when you close it, pushes it back up.
I created a similar test mobile site. But, when I preview it the menu always appear on start up and the content is not pushed down or up when the menu is activated or closed. I noticed that the options on the accordian widget in the video are different than in my MUSE which is V7.1 build 329. There is no close all initially check box. Instead I have an overlap item below check box.
So my question is what do I need to do to get this to work as per the video.
Thanks-Bryan

Hello,
I think there may be an issue in how your model/Accordion Menu was configured. What insert option are you using? Your destination should only be 'one' row OR 'one' column at the most.
Thanks,
AJ

Similar Messages

Using Srpy tabbed panels with slidding panels

I am very new to spry and so I am still just figuring it all
out. How I found it was I wanted a tabbed panel like the one on the
IBM website. Anyway, I am trying to
use the tabbed panels with the sliding panels and it just does not
seem to be working. I found
this
tutorial and followed the codes but it still only works as just the
tabbed panels - nothing has changed at all. Can someone tell me
what I might be doing wrong? I am attaching both my html and css
code for you to inspect.
HTML Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<script
src="file://///172.16.10.251/users$/kduverna/Desktop/SpryAssets/SpryTabbedPanels.js"
type="text/javascript"></script>
<link
href="file://///172.16.10.251/users$/kduverna/Desktop/SpryAssets/SpryTabbedPanels.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"><a
href=”#Tab1″>Tab 1</a></li>
<li class="TabbedPanelsTab" tabindex="0"><a
href=”#Tab1″>Tab 2</a></li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
css code to follow in post below - too many characters.

and here is the css code
CSS Code
@charset "UTF-8";
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab
buttons
* (left aligned) above the content panel.
/* This is the selector for the main TabbedPanels container.
For our
* default style, this container does not contribute anything
visually,
* but it is floated left to make sure that any floating or
clearing done
* with any of its child elements are contained completely
within the
* TabbedPanels container, to minimize any impact or
undesireable
* interaction with other floated elements on the page that
may be used
* for layout.
* If you want to constrain the width of the TabbedPanels
widget, set a
* width on the TabbedPanels container. By default, the
TabbedPanels widget
* expands horizontally to fill up available space.
* The name of the class ("TabbedPanels") used in this
selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabbedPanels container.
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
/* This is the selector for the TabGroup. The TabGroup
container houses
* all of the tab buttons for each tabbed panel in the
widget. This container
* does not contribute anything visually to the look of the
widget for our
* default style.
* The name of the class ("TabbedPanelsTabGroup") used in
this selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabGroup container.
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
/* This is the selector for the TabbedPanelsTab. This
container houses
* the title for the panel. This is also the tab "button"
that the user clicks
* on to activate the corresponding content panel so that it
appears on top
* of the other tabbed panels contained in the widget.
* For our default style, each tab is positioned relatively 1
pixel down from
* where it wold normally render. This allows each tab to
overlap the content
* panel that renders below it. Each tab is rendered with a 1
pixel bottom
* border that has a color that matches the top border of the
current content
* panel. This gives the appearance that the tab is being
drawn behind the
* content panel.
* The name of the class ("TabbedPanelsTab") used in this
selector is not
* necessary to make the widget function. You can use any
class name you want
* to style this tab container.
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
/* This selector is an example of how to change the appearnce
of a tab button
* container as the mouse enters it. The class
"TabbedPanelsTabHover" is
* programatically added and removed from the tab element as
the mouse enters
* and exits the container.
.TabbedPanelsTabHover {
background-color: #CCC;
/* This selector is an example of how to change the
appearance of a tab button
* container after the user has clicked on it to activate a
content panel.
* The class "TabbedPanelsTabSelected" is programatically
added and removed
* from the tab element as the user clicks on the tab button
containers in
* the widget.
* As mentioned above, for our default style, tab buttons are
positioned
* 1 pixel down from where it would normally render. When the
tab button is
* selected, we change its bottom border to match the
background color of the
* content panel so that it looks like the tab is part of the
content panel.
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
/* This selector is an example of how to make a link inside
of a tab button
* look like normal text. Users may want to use links inside
of a tab button
* so that when it gets focus, the text *inside* the tab
button gets a focus
* ring around it, instead of the focus ring around the
entire tab.
.TabbedPanelsTab a {
color: black;
text-decoration: none;
/* This is the selector for the ContentGroup. The
ContentGroup container houses
* all of the content panels for each tabbed panel in the
widget. For our
* default style, this container provides the background
color and borders that
* surround the content.
* The name of the class ("TabbedPanelsContentGroup") used in
this selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the ContentGroup container.
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #EEE;
/* This is the selector for the Content panel. The Content
panel holds the
* content for a single tabbed panel. For our default style,
this container
* provides some padding, so that the content is not pushed
up against the
* widget borders.
* The name of the class ("TabbedPanelsContent") used in this
selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the Content container.
.TabbedPanelsContent {
padding: 4px;
/* This selector is an example of how to change the appearnce
of the currently
* active container panel. The class
"TabbedPanelsContentVisible" is
* programatically added and removed from the content element
as the panel
* is activated/deactivated.
.TabbedPanelsContentVisible {
/* Vertical Tabbed Panels
* The following rules override some of the default rules
above so that the
* TabbedPanels widget renders with its tab buttons along the
left side of
* the currently active content panel.
* With the rules defined below, the only change that will
have to be made
* to switch a horizontal tabbed panels widget to a vertical
tabbed panels
* widget, is to use the "VTabbedPanels" class on the
top-level widget
* container element, instead of "TabbedPanels".
/* This selector floats the TabGroup so that the tab buttons
it contains
* render to the left of the active content panel. A border
is drawn around
* the group container to make it look like a list container.
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
/* This selector floats the content panels for the widget so
that they
* render to the right of the tabbed buttons.
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
/* BEGIN: Spry Horizontal Tabbed Panels meets Sliding Door
and CSS Sprites */
/* Revision by Craig Malcolm Petrou of CPMMUG.com */
.TabbedPanels {
margin: 10px 0 5px 0;
.TabbedPanelsTab {
font-weight: bold;
font-size: 100%;
background-color: #FFF;
border: solid 0 #FFF;
.TabbedPanelsTabHover {
background-color: #FFF;
.TabbedPanelsTabSelected {
background-color: #FFF;
border-bottom: 1px solid #FFF;
position: relative;
.TabbedPanelsContentGroup {
background-color: #FFF;
ul.TabbedPanelsTabGroup a {
display: block;
ul.TabbedPanelsTabGroup li.TabbedPanelsTab {
background: url(/images/brown.png) no-repeat 0 0;
margin: 0 0 0 -1px;
padding: 0 0 0 10px;
ul.TabbedPanelsTabGroup li.TabbedPanelsTab a {
background: url(/images/brown.png) no-repeat 100% 0;
padding: 7px 10px 5px 0;
ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected {
background: url(/images/brown.png) no-repeat 0 -41px;
ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected a {
background: url(/images/brown.png) no-repeat 100% -41px;
/* END: Spry Horizontal Tabbed Panels meets Sliding Door and
CSS Sprites */
Also - is there a way to get rounded corners on the tabs in
spry? Any good tutorials I can follow about spry - more
specifically about using widgets and effects together.
Thanks so much

Does the 26C100U lcd tv use a Cinespeed panel with wide viewing angles?

I am nearly ready to purchase a 26C100U lcd tv but I want to verify that it has a Cinespeed panel with wide viewing angles. The reseller's website says that it does but Toshiba's 26C100U pdf spec sheet and web site says it does not. Although Toshiba's pdf spec sheet for the 32C100U model does show a Cinespeed panel. Is it possible that the 26" version does use a Cinespeed panel but it is just not listed? My main concern is the viewing angle (especially vertical) because the tv will be used in a slightly elevated postion.

I see what you mean about the specs. I'd trust the info on Toshiba's website over the reseller's. Looks like there's no Cinespeed on the 26C100U.

I DEVELOPED A WEB SITE USING WEB PAGE MAKER WITH A MOUSE OVER TO PLAY A WAVE. WORKS IN IE BUT FF WILL NOT LOAD THE FILE IN HE BACKGROUND. WHEN I FIRST OPEN THE PAGE TO TEST IT WONT PLAY THE .WAV ANY SUGGESTIONS ADD ONS ETC NEEDED THANKS

I've developed a site using "web Page Make" I put a graphic on a page with a mouse over that morphs the graphic and plays a brief wave. I works with I.E but no go in FF 3.63.I am previewing this off a local networked drive. No problems with other net site with embedded audio do I need a certain add on etc. Can anyone offer some advice. Thanks
== This happened ==
Every time Firefox opened
== I preveiwed the site and try the mouse over feature to excute the wave

Make sure that you do not use bgsound to pay that music.
See http://kb.mozillazine.org/Background_music_does_not_play

How can I see Web sites using Adobe Flash Player with my IPad?

I've realised that it's not possible to visit web sites using Adobe Flash Player.
Is There a program by which Apple allows you to solve this problem?

Not from Apple, no, and probably never will be. You can try one of the third-party app/service combinations for playing Flash such as Skyfire , Puffin, or iSwifter. One of those might work for you, though they all have limitations and do not work with all Flash-based sites and services. You may find other suggestions for apps in the many other threads on Flash in this forum.
Regards.

How to stop Ipad from redirecting to mobile site using htaccess?

I have an htaccess file that redirects well and includes a cookie to allow users to go back to the full site. How do I remove an ipad from it so that it isn't redirected to the mobile site? My website is kyneurosurgery.com and my htaccess code is below:
RewriteEngine on
RewriteBase /
# Check if this is the noredirect query string
RewriteCond %{QUERY_STRING} (^|&)m=0(&|$)
# Set a cookie, and skip the next rule
RewriteRule ^ - [CO=mredir:0:www.kyneurosurgery.com]
RewriteCond %{HTTP:x-wap-profile} !^$ [OR]
RewriteCond %{HTTP:Profile}       !^$ [OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
RewriteCond %{HTTP_USER_AGENT} "iPad"[NC]
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC]
# Check if we're not already on the mobile site
RewriteCond %{HTTP_HOST}          !^m\.
# Can not read and write cookie in same request, must duplicate condition
RewriteCond %{QUERY_STRING} !(^|&)m=0(&|$)
# Check to make sure we haven't set the cookie before
RewriteCond %{HTTP_COOKIE}        !^.*mredir=0.*$ [NC]
# Now redirect to the mobile site
RewriteRule ^ http://m.kyneurosurgery.com [R,L]

As a note, you can double tap the Home button and select the iPod app as that is what I'm doing now. It's not intuitive and you would think if you select Done you'd go back to the folder list in the iPod app.
GM

VI Keydown event interferes with menu selection

My application requires that the user log a data point with a spacebar pressed. To do this, I want to use the Key Down event at the VI level. However, I find that when I include this event it disables the keyboard's Alt- menu selection, even though I'm passing all the parameters through KeyDown unchanged. I've included a skeleton VI that exhibits this behaviour. Has anyone else run into/overcome this problem?
Thanks,
David Moerman
Advanced Measurements Inc
www.advmeas.com
Attachments:
VI_KeyDown_vs_MenuSelect.vi ‏41 KB

Instead of using keydown, use keyup. I have written the attached VI to decode the scancodes on my computer so that one can tell what key was pressed. Unlike with keydown, this method allows the alt-keys of the window to work and it will indicate a larger number of keys.
Jeremy Braden
National Instruments
Attachments:
Decode_scancodes_into_ascii.vi ‏487 KB

I need help with my mobile site using Go daddy

my website will not work properly

/candles.html is the regular URL. But, when you convert your site to 'mobile' using GoDaddy, your site passes through a program GoDaddy has developed before it renders as a mobile view for you. The http://www.akacandlesinc.com/candles.html is then encoded as mobile to http://mobile.akacandlesinc.com/#2897 - All of this functionality works normally. When you click on 'Classic', GoDaddy strips off 'mobile.' and shows you the regular website for that 1 instance. From there, however, a cookie is registered on your mobile that you're viewing from a mobile device. At this point, when you click on 'Candles' link from the 'Regular' site from your phone, it tries to take you back to /candles.html URL on http://mobile.akacandlesinc.com - but that page doesn't exist as it's not a physical file that is present on the webserver.
Either GoDaddy is goofing up the conversion or something else is wrong in the way your site is translated as 'Mobile' by GoDaddy.
If i were you, I wont rely on GoDaddy to do the job for me anyway. They're not designers/ developers. They're a hosting company and are equally bad at that as well - I've had and know many people who've had horrendous experiences with them.
I suggest you spend a bit more time in:
either making a responsive site yourself
or make a mobile specific site and use a device-detection code to send your mobile/ handheld visitors to a specific subdomain

Capturing data from query panel built used "ADF Query panel with table ?

Hi All,
I have a Search page built with a view Criteria.
I enter the user_name in the query panel and hit Search and the result panel shows the results.
Now If I gave a user_name which does not have any record in the VO, no data is displayed.
At this point I want to capture the user_name from the query panel and on the click of a button ("Add" button I have created for Adding Records if not present) want to navigate to a different Add page .
So how to capture the user_name from the query panel.
Any pointers ??
I am using Jdev 11.1.1.4.0
Thanks
Sumit Yadav

Hi , I tried using the impll java file and i was able to get the handle to the bind params ..
The sampl code is ..
ViewObjectImpl userRespVO=this.getSystemAdministrationUserResponsibilitySearch1();
SystemAdministrationUserResponsibilitySearchImpl provide =(SystemAdministrationUserResponsibilitySearchImpl)userRespVO;
String userName1=provide.getbind_UserName();
Thnanks
Sumit Yadav
Edited by: Sumit Yadav on Jul 7, 2011 9:17 AM

Accordian panel with plus and minus signs to indicate state of panel

I want the text to show [+] next to the title of the panel when it is collapsed and [-] when it is expanded
just like http://www.reddit.com/r/indesign/comments/1jewqq/custom_kerning_applied_to_a_single_charac ter/
the comments on this page can be expanded or collapsed by clicking the plus or minus sign
how do i do this?

I've started filling the accordion with my content and the
cookie works fine. But I see some things I'd like to have changed
if possible?
a) When I load the page all accordion panels flips open at
the same time and they stay open until the page has loaded. It's
probably not visible in the demo because it's only a few bytes to
load there. After the page has loaded the cookied panel stays open
and the rest of the panels close. Is it possible to hide the
loading of the panels somehow? This is kinda messy right now.
b) I'd like to use the cookie to control the panels but only
during the current session. When a new session occurs I'd like to
start with all panels closed a) (or use the script that states
default panel). The standard accordion use a small script to set
the default open panel. I tried modifying this script but it looks
like the accordion is following the laws of the cookie and is now
ignoring this script.
Panel 4 set to be default (0, 1, 2, 3):
<script type="text/javascript">
var Accordion1 = new
Spry.Widget.Accordion.prototype("Accordion3");
</script>

Accordian panel with a scroll?

I have a small area to drop this widget and want to customize
it to scroll in the panel area is this possible?
I could not find any rules that had scroll in the CSS file.
Here is the test page not done work in progress (temporary
site):
http://www.invisualtechnologies.com/springvalley/
Thanks,
Hugo

Try posting this on the Adobe Spry forum. You'll also want to
update your
version of Spry as I believe the newer versions have
progressed to a fairly
smooth animation. Yours is very, very choppy.
If you have a development budget you might want to have a
look at our
Accordion panel widget:
http://www.projectseven.com/products/tools/accordion/index.htm
And an example showing what I think it is you are looking
for:
http://www.projectseven.com/products/tools/accordion/tweaks/overflow/
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"INVT" <[email protected]> wrote in message
news:fnj2vt$854$[email protected]..
>I have a small area to drop this widget and want to
customize it to scroll
>in
> the panel area is this possible?
>
> I could not find any rules that had scroll in the CSS
file.
>
> Here is the test page not done work in progress
(temporary site):
>
http://www.invisualtechnologies.com/springvalley/
>
> Thanks,
>
> Hugo
>

How can I use the tabbed panel with the accordion panel options of close all panels and over/not overlap the items below?

Ideas for features in Adobe Muse

I assume this is what you want to achieve in the footer....
Make sure in Muse before you export that the panel is closed, and also as Brad suggested, make sure Overlap Items Below is unchecked. I would also check the "Can Close All" button.

Trying to create table using Union All Clause with multiple Select stmts

The purpose of the query is to get the Substring from the value for eg.
if the value is *2 ASA* then it should come as ASA
where as if the value is *1.5 TST* the it sholud come as TST like wise for others too.
I am trying to execute the below written SQL stmt but getting error as:
*"ORA-00998 must name this expression with the column alias 00998.00000 - Must name this expression with the column alias"*
CREATE TABLE TEST_CARE AS
SELECT row_id, old_care_lvl,SUBSTR(old_care_lvl,3), len FROM test_care_lvl
WHERE LENGTH(old_care_lvl) =5
UNION ALL
SELECT row_id, old_care_lvl,SUBSTR(old_care_lvl,3), len FROM test_care_lvl
WHERE LENGTH(old_care_lvl) =7
UNION ALL
SELECT row_id, old_care_lvl,SUBSTR(old_care_lvl,3), len FROM test_care_lvl
WHERE LENGTH(old_care_lvl) =14
UNION ALL
SELECT row_id, old_care_lvl,SUBSTR(old_care_lvl,3),LEN FROM test_care_lvl
WHERE LENGTH(old_care_lvl) =7 AND old_care_lvl ='Regular'
I want to create the table using the above given multiple select using the Union ALL clause but when trying to create run the query getting error as "ORA-00998 must name this expression with the column alias 00998.00000 - Must name this expression with the column alias"
Please guide me how to approach to resolve this problem.
Thanks in advance.

When you create a table using a SELECT statement the column names are derived from the SELECT list.
Your problem is that one of your columns is an expression that does not work as a column name SUBSTR(old_care_lvl,3)What you need to do is alias this expression and the CREATE will pick up the alias as the column name, like this:
CREATE TABLE TEST_CARE AS
SELECT row_id, old_care_lvl,SUBSTR(old_care_lvl,3) column3, len FROM test_care_lvl
WHERE LENGTH(old_care_lvl) =5
UNION ALL
SELECT row_id, old_care_lvl,SUBSTR(old_care_lvl,3), len FROM test_care_lvl
WHERE LENGTH(old_care_lvl) =7
UNION ALL
SELECT row_id, old_care_lvl,SUBSTR(old_care_lvl,3), len FROM test_care_lvl
WHERE LENGTH(old_care_lvl) =14
UNION ALL
SELECT row_id, old_care_lvl,SUBSTR(old_care_lvl,3),LEN FROM test_care_lvl
WHERE LENGTH(old_care_lvl) =7 AND old_care_lvl ='Regular'
);You may not like the name "column3" so use something appropriate.

Help Using Spry tabbed panel as a menu.

Thanks in advance to all who take the time to read and any assistance you can offer.
I'm picking up where someone else started a website. They used Spry tabbed panels as a menu system (CS4). Each Panel is a top-level "menu" and when it opens, sub-menus (hyperlinks) come up vertically under the panel. I REALLY don't want to start over if I don't have to - need the site up and running - but cannot figure out how to make the "HOME" tabbed panel (the first one) actually take users back to the home page. For now, I've created a "submenu" (link) under HOME tabbed panel to help the user navigate back to the home page.
HELP?
http://www.orange.k12.nc.us/ec/beta/default.html

Thank you Gramps - for your prompt and helpful response! Your solution absolutely fixed the problem I asked about.
If I had followed forum advisories and asked the question correctly, the navigation on this website would probably be working perfectly by now. Your solution fixes the home page. Can you look at one more page and advise please??
On the "subpages" of this site, the same tabbed panel "fake menu" exists. I replaced the equivalent line of code in the template for those pages (at line 45) with what you gave me. I'm obviously missing something in the code to send the user back to the HOME page from these pages.
In the sample link below, you will be starting from a "subpage" of the site. Clicking on the "HOME" tab leads you not to the actual home page (default.html in the root directory) but to a default.html page within the subdirectory for the page you are on (which doesn't exist.) Can I add something to that line of code to get them back to the home page?
Again... thank you!!
http://www.orange.k12.nc.us/ec/beta/Students/Student_Resources.html

Re: Spry Accordian Panels

Hi. I used Spry Accordian Panels in a new website I created using Dreamweaver CS6. Most people can see and click the panel to open it and see the content in it. However, I know someone that's blind that would like to use the site but is having a lot of trouble with it. The panel tabs are not links so it doesn't tell him to click it. I've tried putting the tabindex attribute on each panel tab and the aria-polite:polite but it hasn't helped. Any ideas?

Hi. I used Spry Accordian Panels in a new website I created using Dreamweaver CS6. Most people can see and click the panel to open it and see the content in it. However, I know someone that's blind that would like to use the site but is having a lot of trouble with it. The panel tabs are not links so it doesn't tell him to click it. I've tried putting the tabindex attribute on each panel tab and the aria-polite:polite but it hasn't helped. Any ideas?

Mobile site using an accordian panel with menu selections

Similar Messages

Maybe you are looking for