Accordion Widget - custom sizing

Is it possible when using the accordion widget to have the lable the same size as my thumbnail/image, and then for it to enlarge when selected?
If not is there any other kind of widget that is similar to this? Even if it's an add-on..
Thanks.

Hi
You can use the thumbnail as fill for label and in content area insert the larger version of the image , so when label is clicked it would show the large version.
Or you can try compositions with hide target is configured as rollover of target and trigger.
Thanks,
Sanjit

Similar Messages

Customizing/recreating the Accordion widget in Muse

I want to use the accordion widget, but I can't figure out how to flip it to work horizontally. Is there a way to flip or rotate in Muse? If not is there way to recreate an accordion menu that opens horizontally?
Thanks.

You sure can, just download the widget from link below and copy and paste into your design then customize as you like.
http://muse.adobe.com/widget/composition-menu-vertical-mcdonald

Problem with accordion widget flashing open and shut when page loads

why is it that my accordion widget flashes open and shut when the page is loading (see http://vincentballmusewebsite2013test.businesscatalyst.com/digital-illustration.html#.UVDr Ehx7JyII) have tried everything to solve this, and Adobes customer service is terrible they don't get back to you when they say they will.
Please help me someone,
Thanks

Thank you Zak for your help, I spent 5 hours going round in circles trying to fix that problem and that's all I needed to hear, a bit of honesty and integrity.and yes, Adobes terrible customer service has still not got back to after promising 2 level technical support to contact me last Monday, I wish there'd keep their promise
Pamela, did you try my test website or my own website and if so my own has now no accordion widget on it and my test website may need you to try loading a few times to see if it really works or not, sometimes it does actually work even on a pc but most times not.
thanks for you help too.

Accordion widget - moving sections

Is it possible to move the sections in the accordion widget? I want to move the last section to the top of the accordion.

I did offer you two work flows to have images on top of question slides. I don't think they'll change the design of question slides (following the basic SCORM defined types), has been the same since many, many versions. But you can now more easily create custom question slides than ever before with learning interactions, variables and shared actions. Your idea of 'basic functionality' is maybe not the same for the majority of users
You could log some feature requests, if you want to have impact on changes for the future. Personally I don't feel that the change to a learning interaction is such a basic functionality. Every application has its proper ways, and Captivate is certainly not an exception.

Spry Accordion Widget Init Closed, Without Snap?

(This is a topic discussed in
another
thread, but I didn't want to hijack the thread with my own
question, so I started a new one...)
I want to start my Accordion widget in a closed state. I
figured out the trick of setting the default panel to '-1' and
turning fixed heights by altering the code in the footer of the
page to:
var Accordion1 = new Spry.Widget.Accordion("Accordion1",
{defaultPanel: -1,
useFixedPanelHeights: false});
When you do this, however, the page loads with the first
accordion panel open and visible for a split second until the page
is loaded, at which point the widget snaps the panel shut. This is
very ugly and undesirable, especially given that this accordion is
on a page element common to every page on the site.
I've tried setting an initial class that is hidden, however
the Spry Accordion widget is written in such a way that it
preserves whatever classes you have rather than replacing them.
Does anyone know a way to load the page with the accordion
panels shut without this initial flash of the first panel snapping
shut?
Thanks,
Steve

Hey Al,
Nice plug for your own application! Here is another one,
since I am one of your happy customers.
I used the Spry widgets in the new DW CS3 and spent a couple
of days trying to tweak things to get them to work the way I
wanted. After getting input from my brother (his site that I am
working on) he really wanted some more style than what I was coming
up with using the basic DW widget. I smacked my dollar on the
barrel head and tried out PVII Accordion instead.
I can't tell you how fast and easy it was to insert and
customize this plugin. Not to mention they had some nice little
themed styles, one of which (the cobalt blue) was a real close
match to the color scheme I originally was using! (PS - any chance
of getting more theme styles down the road for this plugin or
matching styles for the other ones???)
Changing the open or closed state of the panels - it was so
simple!!! I simply went into the modify option and chose the number
that corresponded to my different panels in the menu list. My buddy
used an expression about DW CS3 that fits nicely with using tools
like PVII Accordion Magic. You can use a screwdriver with some
precision and a lot of hand strength to build what you want but it
will take you alot of time...or you can plugin a power drill and be
done with it!
To see it in action on my current work in progress go to:
http://www.dvdflashbacks.com/williamsburghealth/index.php
As for sstringer's original question - how to do this in DW's
Spry widget...
I think you are onto the right track with the -1 setting. If
I am not mistaken though, Spry uses 0 for the first panel, so I
think you would need to use an option like {defaultTab: 1} to open
the 2nd panel and so on.
PS - Just so everyone knows - I am not a sales person for
PVII - just a very satisfied customer!

Open an accordion widget in the closed state?

I have searched the forums but have yet to find a resolution
for this issue. I am using an accordion widget and would like for
all of my panels to appear closed when the page initially loads.
Only once the user has clicked the tab do I want the panels to
open. Any suggestions that do not require me to buy a separate plug
in? Thanks.

This is directly from the Adobe documentation:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#AllPanelsCl osed
However, one thing to keep in mind is that this is assuming
that you are using the 1.6.1 update (as that is what the references
refer to). If you have never updated your Spry this would be a good
opportunity to do so. The below is the to the official Spry
homepage. There you will find the update package which includes
some samples and an Extension. Install the extension and restart
DW. Then under the Sites menu you will see a new option to update
Spry. Run that script and your Spry will be updated. Also on that
homepage is a link to the official Spry forums:
http://labs.adobe.com/technologies/spry/home.html

Is there a way to force a user to view all of Accordion Widget?

Is there a way to force a user to read, or at least view,
all sections of the Accordion Widget? We want to make sure the learner reads
all of the material before advancing to the next slide. Is there a way to do
this? I have searched all over, but I have been unable to find.

No way. This is a static learning interaction, no event that could be used eventually. Personally I prefer offering reading material that is engaging over looking for a way to push the learner to look (reading doesn't mean he understands or grabs it) at all the stuff. But that is my teacher's past, if student doesn't read your stuff, something is wrong with the stuff, not with the student.
If you have to force, you'll have to find another way than the accordion interaction .

How can I create a custom sized video in PP cs6?

How can I create a custom sized video in PP cs6? I have read references to the "desktop" setting but cannot find it. I am trying to find the right settings for a 1080 px x 486 px video (which I need to qualify for hi res on Vimeo). I need to output a 450 x 1000 px video for
my website. Ideally, I'd like the sequence settings as well as the output settings. I am using still shots- no actual video.

What are the exact properties of the still images, particularly the pixel dimensions and pixel aspect ratio (PAR).* The letterboxing (black bars top & bottom) is most likely a result of a mismatch in these settings. If this is the case, then the easiest fix is to make sure not only the dimensions but the PAR match.
Say for instance your source images are 1000x1000 with a PAR of 1.0 (square pixels) and your sequence is set also set to 1000x1000 but with the PAR set to D1/DV NTSC (0.9091), the result would be letterboxing as seen here:
*if you're not sure about the PAR of your source images, right click on one of them in the Project panel and select Properties.

How do I add a new panel to the accordion widget in-between two others (NOT at the end)

In the accordion widget, the + button at the bottom adds a new panel to the end. I have a series of panels that are in alpha-sort and need to add a new panel in the middle... I can't figure out how to do it without re-doing the whole thing. is there a way to do this?

Gah! Thanks Mac.
That was the first thing I tried! I must not have had the right level selected. It's been driving me batty, but I've got it now.

Mobile Site - Need Accordion Widget to start at top of page upon item selection

I have set up a mobile site. I use the accordion widget for topics. If I select any topic without diving into it and scrolling, it works fine. If I scroll through a topic after selection, the next topic starts in the middle or the bottom. Kind of annoying for the user. Any ideas?
Thanks

Hi Kevin,
Could you please share the site URL or any screen shot for reference?
Regards,
Neha

Text Shift Uncontrollably Inside Accordion Widget

Guys hi! I've been crashing my head for two days with this. Hope you will provide some help!
I have an Accordion Widget with a very long text block inside one of the boxes (a list with over 80 lines). On the background to each second line I put a grey rectange shape just to give some contrast to the lines in the list. In the project all the rectangles are prefectly aligned to be right behind the lines. But when I publish the site I definately see that the rectangles shift up or down.
Is it a bug and the widget simply cannon handle correctly so many elements insie the feiled or am i missing something here?
Many thanks in advance for your advice!! You might be saving me from insanity here;)
UPDATE!! It was not the shapes but the text that was shifting. I fave some items on the list that consists of two lines. That's where I changed the leading betwin those two lines from 200% (for separate items in the list) to 146% between two lines (for the items that cosist of two lines of the text). That somehow couses the text to shift in the preview mode xompared to the design mode. When I make the leading unilateral throghout the entire textbox everything stands in place.
Still the problem remains unsolved.

Zak. thank you very much!
And sorry for coming back so late on this.
You solution perfectly solved the problem.
On the downside,) I did have to change the layout and reformat the site to submit it to the client because the deadline came before I got your reply.
Perhaps the "Round Leading to a Whole Number" setting should be checked by default to avoid this kind of problems for other users in the future.
Anyway, a million thanks!

Can I place a (Rectangle Tool) container filled with an image in an (Accordion) widget and make it clickable?

Is it possible to use the Rectangle Tool to create a container, fill the container with a graphic image, place the container and image in an Accordion widget space and make the container clickable to open and close the Accordion?
I've done this but the container isn't clickable, only the other areas of the Accordion window are. Can this be done?

You can use the image as fill for label of accordion which will open the container on click.
If this does not answer your question then please provide me an example where I can see what exactly you are trying to achieve.
Thanks,
Sanjit

SPRY accordion widget IE8 ONLY issue

hello everybody,
i noticed a strange "jumpy" behavior while using the spry accordion widget -- this affects IE8 only (currently using 8.0.6001.18882 on vista), other browsers (including IE7 and IE8 forced into IE7 mode) work as expected. this issue seems to be related to the margin property of the accordion container...
not shure whether this behavior is related to IE rendering or the spry javascript code itself... anyway i made NO changes to the spry script (my version is 0.15, 1.6.1, which i believe to be most recent one).
the xhtml (strict) and css are perfectly valid (there might be some MINOR css hacks which are not related to the accordion itself). i do NOT use ANY padding on the inner container of the accordion (which would definetely make the spry js count the tween in odd way). the accordions (especially the main menu on the left) are little more complex, but they were built according to the spry widget document, found on the adobe spry website.
so, here it is -- check the accordion on the left side (the bug seems to happen almost always while opening/closing the last BLUE "section" of the accordion, please play with the accordion for a while to reproduce it -- while the accordion closes, it "loses" it's bottom margin (i guess), what's even more wierd, everything gets back to place after you move a mouse):
http://www.prazskematky.cz/home.php
PLEASE NOTICE: since the website is still under development and i'm using a IE meta tag to force it into IE7 rendering, to reproduce this behavior please be shure to switch IE engine to IE8 standards mode
well, we all now how IE handles css... so it's propably an IE bug -- anyway if you have encountered a similar issue of even better found a fix, please let know. (i don't consider a fix switching to another js library, i would like to use the spry, because of it's DW integration)
many thanks,
p.s.

ross m. greenberg wrote:
> Now however the entire .gif is not appearing in the
accordion panel is expanded. I insert the graphic using a standard
"menu insert/graphic/browse and select"
>
> the graphic file is not showing up properly on such an
insert...
Are you referring to what it looks like in Design view? If
so, that's
correct. Accordion panels have a fixed height. From memory, I
think it's
200px. However, if you test the page in a browser, you should
see a
scrollbar automatically generated on panels that have content
that
exceeds the height of the panel.
If you want flexible-height panels in the accordion, you need
to adjust
both the CSS and the script that initializes the accordion. I
have
covered all the details in my "Essential Guide to Dreamweaver
CS3" (and
the forthcoming CS4 edition). You can probably find online
tutorials as
well. Try a Google search for Spry flexible height accordion.
The accordion widget has been around since CS3, and it hasn't
changed in
CS4, so a Google search should bring up a lot of information.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Accordion widget

Hello!
I have a question, why not work accordion widgets and thumbnails when I upload it via FTP to my server?
Already contacted my hosting provider asking if they had the solution, I gave my directory permissions and widgets do not work.
another thing, when I open my page from any IOS images that has the project are moved around!
please help!
thanks!
Greetings!

I see not all the files are uploaded on the server that is why you are facing this issue. Please try to export the html to a different folder and then use an ftp client like filezilla to upload it and let me know how that goes.
- Abhishek Maurya

Accordion widget as a menu navigation

I want a vertical menu navigation, with some pages having sub level pages.
The vertical menu widget only seems to position the sub level links to the right. But i want it all vertically stacked with the sub level links only showing when on that page.
e.g.
I have tried using the accordion widget as a menu navigation, by removing the show/hide content and adding the sub level link in the needed ones.
But when i set the links to the pages the active states don't seem to work when on the particular pages. Any ideas?
Any suggestions how best to achieve this?
Thanks
Nick

Hello,
When you say that the active state does not seem to work, if we take the example you have posted above, You want the Design should be expanded when you are on Exhibition Design page and "Exhibition Design" should show the active state. Correct?
In that case you would need to place the Accordion Widget not on Master page but on each page Separately.
And on the pages where you want the Top Manu Labels to be open (expanded), keep them open on that Particular page in Design view before Publishing/Exporting the site.
This way, you would be able to achieve the states for the submenus and expansion of Top Menu on the particular pages.
Regards,
Sachin

Accordion Widget - custom sizing

Similar Messages

Maybe you are looking for