Accordion panels - single tab, is that possible?
So I want to use an accordion panel to create something like this:
http://www.christianwoo.com/furniture/#
Any ideas?
Hi Nicole,
You can create a single tab accordion panel. Select "Can close all" to achieve the same affect as shown on that site.
Regards,
Aish
Similar Messages
-
Accordion spry tabs - adding a link to each main tab - is that possible
Hi all,
The site I am working on is: www.drsamet.com/new .
The site is in Hebrew, but that does not relly effect my issue.
My client wants me to add links to each of the main tabs in this accordion. These are the "instigator" tabs, the ones that you click on for the accordion to expend. (in this site they are Blue).
Is that possible?
I tried to do it in a regular way using <a href> tags, but it did not work.
any and all help will be appriciated.
aThe accordion widget has a "showPanel" method. You can call these for example with a onclick attribute..
onclick="acc1.showPanel(0); return false;"
That would open panel 1, as the accordion uses a zero based index.
Read more about the accordion. http://labs.adobe.com/technologies/spry/articles/accordion_overview/index.html -
Spry Accordion panels and Google search
Hello! I have about 30 pages with at least 15 spry accordion
panels on each. I've just implemented a local customized google
search and it looks like Google is able to pull pretty accurate
search on both the panels and panels content.
Once presented with the search results, can a user get to an
OPEN accordion panel, that relates to his search? I hope I've
explained it clearly, THanks!highedwebby wrote:
> Hello! I have about 30 pages with at least 15 spry
accordion panels on each.
> I've just implemented a local customized google search
and it looks like Google
> is able to pull pretty accurate search on both the
panels and panels content.
Yes, this happens because all of the content is on the page.
> Once presented with the search results, can a user get
to an OPEN accordion
> panel, that relates to his search? I hope I've explained
it clearly, THanks!
I've seen some scripts that highlight Google search terms, so
I suppose that getting the search terms on the destination page is
possible, but making that leap to the proper panel to open may be a
little more difficult.
First you have to figure out which panel the words are
in,then you have to figure out what if the user is searching for
three terms and each of those terms is in a different panel, or if
only one term, and that term is in multiple panels? How would you
expect that work out?
You can highlight the words using code such as that discussed
on this page:
http://www.kryogenix.org/code/browser/searchhi/
I'd guess that someone could reverse that code that finds the
text and then take that find and then walk up the DOM tree to see
if you are within an accordion panel and then show that panel as
the default panel on the page.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert -
Hello again,
Is there some way to change the orientation of tabs to bottom
in this example: Sliding panels with tabs?
that's all folks,
morphetoYou need to look at the code in the load handler of this JS
file:
http://labs.adobe.com/technologies/spry/home_assets/spry_home.js
If you add a tab, you need to add it to the list of items to
select in this statement:
Spry.$$("#nutshell, #widgets, #data,
#effects").addEventListener("click", function(){
switchTab(this.id); return false; }, false);
--== Kin ==-- -
.js update of spry accordion panel tab data for countdown functionality
Hi,
First off I must say I really love the work done on CS3 and
the Spry Framework - loads of examples and nicely implemented!
Questions in a nutshell:
Can I change spry generated data on the fly so I can run a
.js counter function to dynamically update accordion panel data?
What event do I look for to fire a .js init function to see my new
spry widget (onPostLoad isn't working for me, but I'm a newbie!)?
* spry accordion
* {expire} dataset data is SQL DATETIME
* js countdown function CD_Init() searches DOM for specific
element IDs 'countdownN' and uses innerHTML to update counter at
specific interval
* observer onPostLoad seems to be calling CD_Init before
accordion DOM is loaded.
Verbose questions:
I am trying to tweek the output of a Spry Acoordion and
wanted to add a third party js counter to my accordion panel tab
and am having a bit of difficulty. The js code uses an innerHTML
statement to keep the counter going and supports multiple counters
(which I need to use one counter per tab). I build the multiple
counter id from the ds_RowID field which is where the parent div
element where the js changes the innerHTML. Can I do this? The .js
searches for elements w/ an ID of "countdownN", N = instance # and
a date format of '2007-09-08 00:00:00 GMT+00:00' and updates the
div's text with the countdown time. My {expire} record below is an
SQL DATETIME which is the correct format for this countdown.js
function (with the GMT-05:00 appended).
The relavant code is:
<div id="specialDisplay" spry:region="dsSpecials">
<h3>Click on a special below from our <em>LIVE
FEED</em> to see all the up-to-the-moment
exciting packages available!</h3>
<div id="AccordionSpecials" class="Accordion">
<div class="AccordionPanel" spry:repeat="dsSpecials">
<div class="AccordionPanelTab"
onclick="dsSpecials.setCurrentRowNumber('{dsSpecials::ds_RowID}')"
spry:hover="AccordionPanelLabelHover"><?php echo '<div
id="countdown' .'{ds_RowID}'. '">';?>{expire}
GMT-05:00</div>{dsSpecials::name}</div> <!--
accordion panel tab -->
<div class="AccordionPanelContent">
<div spry:state="loading"><img
src="./i/ajax-loader.gif"/></div> <!-- loading -->
<div spry:state="error"><span spry:content="Error
loading data..."></span></div> <!-- error -->
<div id="details" spry:state="ready"
spry:content="{detail}"></div> <!-- detail when ready
-->
</div> <!--accordion panel content -->
</div> <!-- accordion panel -->
<script type="text/javascript">
<!--
var AccordionSpecials = new
Spry.Widget.Accordion("AccordionSpecials", { defaultPanel: 0,
duration: 1000, useFixedPanelHeights: false, enableAnimation:true }
var observer = { onPostLoad: function(notifier, data) {
CD_Init() ; /*alert("postLoad"); */} };
//specialDisplay dsSpecials.addObserver(observer);
Spry.Data.Region.addObserver("specialDisplay", observer);
//-->
</script>
</div> <!-- accordion -->
</div> <!-- specialDisplay -->
I got the nice countdown.js script from
http://andrewu.co.uk/clj/countdown/
which allows N # of counters/page. I have updated this code to
start checking for a zero based index that I generate utilizing the
spry ds_RowID.
I have added an observer to run the countdown's
initialization function (to hopefully find all the "countdownN"
element instances) under my dataset declarations:
var observer = { onPostUpdate: function(notifier, data) {
CD_Init() ; } };
Spry.Data.Region.addObserver("AccordionSpecials", observer);
Also tried to add the observer to a div surrounding the
according w/ the "spry:region" specified.
But, alas, I see the correct expire instance in my tab, but
it looks like the counter is only firing before the actual data is
loaded (i.e. I used FF's webdeveloper and set a break on the
CD_Init function and it's breaking before the actual accordion is
there - I see the dataset placeholders in my window for the
accordion. When I continue, the accordion is generated, but my
countdown isn't working because it looks to be firing before the
DOM is updated w/ the accordion elements.
Sorry for the long speil; I'm really a .js neophyte and just
starting w/ spry - so I'm not even sure if I can/should change the
HTML generated from spry. If not, is there anyway that I can have a
countdown timer for each accordion's tab panel's associated
{expire} data field? Any ideas and suggestions are greatly
appreciated!!
Thank you also for this forum - some great gems for
development here!Sorry - the previous post is way too long.
Is it possible to tie in a javascript update function (a
counter update) to an element generated by a spry widget (a dataset
value that generates spry accordion tab text) so that the accordion
tab gets updated by the javascript function running under a
setinterval?
I've tried firing the javascript init function with an
observer on the accordion's onPostUpdate event, but it's getting
fired before the spry data is loaded. Is this something that's
possible? Sorry for my lack of javascript expertise! Relying on the
real experts here!
Thanks for any advice/pointers. -
Is it possible to view your current history for a single tab in safari lion
Is it possible to view your current history for a single tab in safari lion?
Not once the tab has been closed. If it hasn't, clicking and holding the Back button will display the titles of recently visited sites in that tab.
(68280) -
When I closed Ff in version 3.*, Ff asked me if the open tabs should be stored to ben opened the next time. So I never lost my session.
In Ff 4.0.1 that question is not asked. So I lose all open pages in all tabs.
What can I do to get that possibility in Ff 4.*?Firefox now always stores the old session, and you can access it by going to the History menu and selecting "Restore Previous Session"
If you want Firefox to display the message to save the session, it can be turned back on by changing some preferences.
# Type '''about:config''' into the location bar and press enter
# Accept the warning message that appears, you will be taken to a list of preferences
# Locate the preference '''browser.tabs.warnOnClose''', if its value is set to '''false''', double-click on it to change its value to '''true'''
# Repeat this for these 3 preferences '''browser.warnOnQuit''', '''browser.warnOnRestart''' and '''browser.showQuitWarning'''
If you always open the last set of tabs, an alternative approach is this:
# Click the orange Firefox button, then select options to open the options window
# Go to the General panel
# Change the setting "When Firefox starts" to "Show my windows and tabs from last time" -
Accordion panel "blank" in IE6; shows on accordion tab hover
this is a weird one. I'm using Spry1.5 accordion with 3
panels. The accordion panels themselves each contain a form and
some tables and whatnot. the markup appears to be valid.
Everything works fine in firefox. but in IE 6, i get this
behavior: the panels open properly and all that, but the div itself
is "blank", meaning none of the content shows up. However, when I
hover over any of the panel tabs, the content appears.
I'm at a loss. Has anyone else ever experienced anything like
this and, if so, how do you work around it?
It's hard for me to post code because this is in an internal
site, and also there's all kind of other js and css being brought
into the page. i'm trying to extract all of it so that i can put it
online somewhere, but it's taking me some time.
thanks so much.
Marc EsherIt seems that this behavior can be caused by multiple
factors. Several of the solutions suggested by others didn't help
me. In my case, I discovered that the problem could be solved by
turning off panel animation. In order to keep the animation in
non-MS browsers, I trap for IE and append the proper code if
necessary,in PHP:
(This code also uses the $accOpen variable (set elsewhere) to
specify which panel to open when the page loads. Obviously, you can
remove this if you don't need it.)
quote:
// Trap for Internet Explorer, because animation screws up
the display
$ua = $_SERVER['HTTP_USER_AGENT'];
$ie = "";
if(preg_match("/MSIE/", strtoupper($ua)))
$ie = ", enableAnimation: false";
?>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1",
{defaultPanel: <?= $accOpen ?><?= $ie ?>});
//-->
</script>
I hope this helps.
Regards,
Bill Krauss -
Tabbed report concept within single tab, possible?
Hello there,
I want build a report that has one fact spread across 12 month columns. I then want to allow the user to switch between 5 different facts and display each by itself in the same report. Instead of having 5 tabs, each with the identical report but with a different fact column to accomplish this, is it possible to have the fact columns as calculated fields and use a dashboard prompt to let the user select which fact to display?that isn't a good option for me. There is a fact column for each month of the year so it would be cumbersome for the user to remove and then add 12 columns each time they want to see the different fact.
The best option for me might just be a tabular report. I was hoping i could do it within a single tab and drive the fact columns with a parameter in a dropdown-list. -
Hello!
Is that possible to set up a multiple y-axis and single x-axis in one waveform chart using LabVIEW 8.0?
Because I need to display several channels in the same chart, if one channel has a very big data range and the others not, the channels with smaller data range will not be displayed very clear.
Thanks!See similar thread at http://forums.ni.com/ni/board/message?board.id=170&message.id=154428&requireLogin=False
-
Create Tabbed and Accordion Panels | Adobe Muse Feature Tour | Adobe TV
Organize lengthy information in more visually appealing, “bite-sized” chunks by using fully customizable tabbed or accordion panels.
http://adobe.ly/I5cQoVAfter working with the accordion panels I've found it's about 1,000 times easier to develop your content outside the panels: selections inside of the panels is wonky at best.
-
I would like to change the current song from the pull down tab so that I don't have to exit whatever app I'm in, return to music and change it. Is this possible?
Try double clicking the Home button and then swipe the bottom row fully to to the right to get to the music control
-
I wish to eliminate tabs. Is that possible?
I prefer not using tabs at all. I prefer to open multiple windows. Is that possible with version 4 of Firefox? I can't find a place to do this.
You may want to reply with more description about what you mean by personalize. The first things that came to my mind (none of which I can help with) when I think personalize would relate to how and what software you install and various options in the system and in that software or adding stickers and graphics to the outside or even engraving the outer case. Someone else may be able to give you better input if you give more description of what it is you are thinking of.
-
Adobe Muse Accordion Panel tabs drop down too far in the browser
I have designed a 3 tab accordion panel which works fine in Adobe Muse design mode but when I preview in the browser each drop down panel appears a lot deeper than the design.
I designed the drop down panels as 100px high and when looking at inspect elements on the browser it says they are 157px high? How can I fix this to display correctly?
ThanksHi,
I recreated it and it appears to work ok now.
Thanks
Sonia Hine
Graphic Designer
Trade Only Ltd
APG expo - the biggest events this autumn with 100+ exhibitors
Putting people and products together
10 September - Sandown Park Exhibition Centre
11 September - Manchester United Football Club
17 September - Red Cow Moran Hotel Dublin
www.tradeonly.co.uk/apg-expo<http://www.tradeonly.co.uk/apg-expo>
The Trade Only National Show 2015
The biggest event of the year!
21 and 22 January 2015
Ricoh Arena, Coventry, UK
www.tradeonly.co.uk/shows/tons<http://www.tradeonly.co.uk/shows/tons>
Nothing beats the power of face to face contact!
Trade Only Ltd., Unit 4, Rhodes Business Park, Middleton, Manchester M24 4NE
Trade Only Ltd. is registered in England and Wales, company number 05225734
Tel: 0844 880 2751 Fax:0870 145 3861 www.tradeonly.co.uk<http://www.tradeonly.co.uk/> -
Is adding easing on the accordion panel possible?
Hello! I am using the accordion panel but I would like to control the speed that the menus drop down and up. Right now it is rather instantaneous. I've searched around and can't find anything on it. Any advice on how to do this?
Thank you!
LarryAt current stage we cannot control the speed directly from Muse , but you want apply some custom code to achieve this.
Thanks,
Sanjit
Maybe you are looking for
-
hi all, i wrote the session method for f-02 transaction, if voucher number(bkpf-xblnr) found in bkpf i need to skip that voucher number.i need to display error report like (xblnr belnr bldat). and any errors experienced during batch input crea
-
I'm trying to get the size of a pdf down, the person that needs to use it says they have acrobat 7.0.8 for the PC. I have produced the form in acrobat 9 pro on the mac adding editable boxes. I used PDF optimiser to downsample the images and unembeded
-
How do i update my itunes to be compatible with my ios 6.1.3 without losing my music
hi, i need help, i've recently upgraded the software on mt iphone 4s to ios 6.1.3 and now i need to update itunes in order to put music on my phone. how do i do this without losing all the music in my current itunes library?
-
Change OBD Group with WM reference
Hi Experts, I have created an OBD group with WM reference in VL06P. Next, I tried to create TO for group. However, if there is an OBD being locked and cannot create its follow on TO. I would like to remove that OBD from the OBD group and create anoth
-
Macbook Pro 2103 Keeps Dropping Wifi Everywhere
Hi! I have a 2013 Macbook Pro, OSX 10.9.4, that keeps dropping the wifi connection after minutes of nonuse. If I don't use it for two minutes, it drops. It does this no matter where I am, or whose wifi I am using. I tried changing channels on my r