I am trying to build a moo accordian going towards the side. I have one going down but I want to make one that opens to the side. Is this possible if so how???
I have seen some people mention a different action suite that would do
this that wont contradict a carousel on the same page.
I just discovered that - and per my clients they want both on the page.
On Mar 5, 2009, at 7:31 PM, swimmer35 wrote:
I am trying to build a moo accordian going towards the side. I have
one going down but I want to make one that opens to the side. Is
this possible if so how???
That would be the ScriptyAccordion, available at ActionsForge. Note that Weaver’s Accordion suite is considerably more feature-full than SA, but SA is designed to do less with fewer configuration settings, so it’s a bit of a trade-off.
Sure. There’s a picker for which direction you want it to move in. You need to use inline DIVs (HTML boxes) to get the individual panes to slide out, but it works fine sideways.
Walter thank you - can you be a bit more specific? I am learning so
many actions at once.
these people want several actions that make this site feel like an
apple site.
including the carousel, accordion, random images etc…
once I get them I know them and also print out instructions… oi!
thank you so much for your patience
J:)
On Mar 5, 2009, at 9:33 PM, waltd wrote:
Sure. There’s a picker for which direction you want it to move in.
You need to use inline DIVs (HTML boxes) to get the individual panes
to slide out, but it works fine sideways.
I just posted a new version of the ScriptyAccordion that fixes a couple of problems with horizontal sliding. Previously, there was a problem where the elements would not line up across the top. This has all been sorted out.
So, to make an accordion that slides sideways:
Draw an HTML box to contain the effect. Make sure that it is wide enough to show all of your headers and at least one of your collapsed content items.
Apply ScriptyCarousel 0.5 (or greater) to the HTML box.
Double-click into the HTML box and from the main menu, choose Insert / Graphic Item. (This will become your first header.)
Next, choose Insert / HTML Item. (This will become your first content item.)
Resize the items to your desired sizes. Give the graphic item a background color, set some type in Photoshop and import it – do whatever you want to do to indicate what this element represents.
Double-click into the inline HTML item and enter the text you want to appear when the header is clicked on. Even though this element appears below the header, it will snug up next to it as soon as you preview.
Click on the graphic box (header) you created in step 3, copy it, then double-click into the HTML box you created in step 1 (so you see the flashing text cursor at the very end) and Paste. Do the same with the HTML box. Keep doing this until you have a header alternating with an HTML box for each step in your accordion.
Click once on the main HTML box, then look at the Actions palette. You should see the ScriptyAccordion interface. Set the controls as follows:
Trigger Event: click
Trigger Elements: img
Show/Hide Elements: div
All checkboxes checked on
Preview in Freeway or a browser. You should see the first header, followed by its content box opened up, and all the other headers collapsed to the right of it in one row. When you click on another header, the first content area should collapse while the next content area slides open.
I just posted a new version of the ScriptyAccordion that fixes a
couple of problems with horizontal sliding. Previously, there was a
problem where the elements would not line up across the top. This
has all been sorted out.
So, to make an accordion that slides sideways:
Draw an HTML box to contain the effect. Make sure that it is wide
enough to show all of your headers and at least one of your
collapsed content items.
Apply ScriptyCarousel 0.5 (or greater) to the HTML box.
Double-click into the HTML box and from the main menu, choose
Insert / Graphic Item. (This will become your first header.)
Next, choose Insert / HTML Item. (This will become your first
content item.)
Resize the items to your desired sizes. Give the graphic item a
background color, set some type in Photoshop and import it – do
whatever you want to do to indicate what this element represents.
Double-click into the inline HTML item and enter the text you
want to appear when the header is clicked on. Even though this
element appears below the header, it will snug up next to it as soon
as you preview.
Click on the graphic box (header) you created in step 3, copy it,
then double-click into the HTML box you created in step 1 (so you
see the flashing text cursor at the very end) and Paste. Do the same
with the HTML box. Keep doing this until you have a header
alternating with an HTML box for each step in your accordion.
Click once on the main HTML box, then look at the Actions
palette. You should see the ScriptyAccordion interface. Set the
controls as follows:
Trigger Event: click
Trigger Elements: img
Show/Hide Elements: div
All checkboxes checked on
Preview in Freeway or a browser. You should see the first header,
followed by its content box opened up, and all the other headers
collapsed to the right of it in one row. When you click on another
header, the first content area should collapse while the next
content area slides open.
Download the latest version - 0.5.1 - I just added a style change that explicitly sets the vertical-align property of all inline images to ‘top’; that should sort out the issue you’re having. I didn’t see that because in my test document I had already set that attribute while I was working out the alignment issues.
Browser default is for the first inline image to be set (silently) to text-top, and all subsequent images left undefined in this regard. By setting them all to a common standard value, it should align everything alike.
down at the bottom.
so each word when clicked opens up a list.
can this be done with this accordian? or is there another way to do
that?
Thank you for all of your help
On Mar 5, 2009, at 11:49 PM, waltd wrote:
I just posted a new version of the ScriptyAccordion that fixes a
couple of problems with horizontal sliding. Previously, there was a
problem where the elements would not line up across the top. This
has all been sorted out.
So, to make an accordion that slides sideways:
Draw an HTML box to contain the effect. Make sure that it is wide
enough to show all of your headers and at least one of your
collapsed content items.
Apply ScriptyCarousel 0.5 (or greater) to the HTML box.
Double-click into the HTML box and from the main menu, choose
Insert / Graphic Item. (This will become your first header.)
Next, choose Insert / HTML Item. (This will become your first
content item.)
Resize the items to your desired sizes. Give the graphic item a
background color, set some type in Photoshop and import it – do
whatever you want to do to indicate what this element represents.
Double-click into the inline HTML item and enter the text you
want to appear when the header is clicked on. Even though this
element appears below the header, it will snug up next to it as soon
as you preview.
Click on the graphic box (header) you created in step 3, copy it,
then double-click into the HTML box you created in step 1 (so you
see the flashing text cursor at the very end) and Paste. Do the same
with the HTML box. Keep doing this until you have a header
alternating with an HTML box for each step in your accordion.
Click once on the main HTML box, then look at the Actions
palette. You should see the ScriptyAccordion interface. Set the
controls as follows:
Trigger Event: click
Trigger Elements: img
Show/Hide Elements: div
All checkboxes checked on
Preview in Freeway or a browser. You should see the first header,
followed by its content box opened up, and all the other headers
collapsed to the right of it in one row. When you click on another
header, the first content area should collapse while the next
content area slides open.