[Pro] moo accordion

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???

Thank you for all your help


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok here is the other question to this…

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???

Thank you for all your help


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

Walter


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

ok… can it open sideways? like to present a list that you can choose from

or am getting confused and need to learn something else?


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

Walter


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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:

  1. 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.
  2. Apply ScriptyCarousel 0.5 (or greater) to the HTML box.
  3. Double-click into the HTML box and from the main menu, choose Insert / Graphic Item. (This will become your first header.)
  4. Next, choose Insert / HTML Item. (This will become your first content item.)
  5. 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.
  6. 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.
  7. 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.
  8. 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
  9. 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.

Hope this helps,

Walter


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is a big help

It works but I have one question?

how to I get the “graphic boxes” line up?

here is the link…
www.grdesigns.net/iphoneapp

thank you again - this is a big 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:

  1. 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.
  2. Apply ScriptyCarousel 0.5 (or greater) to the HTML box.
  3. Double-click into the HTML box and from the main menu, choose
    Insert / Graphic Item. (This will become your first header.)
  4. Next, choose Insert / HTML Item. (This will become your first
    content item.)
  5. 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.
  6. 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.
  7. 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.
  8. 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
  9. 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.

Hope this helps,

Walter


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

Walter


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Walt and others,

This scripty accordianworks great-

but I have a question -

I want did the Vertical carousel

and need to make it like apple has on their site (per my clients) -

http://www.apple.com/iphone/appstore/

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:

  1. 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.
  2. Apply ScriptyCarousel 0.5 (or greater) to the HTML box.
  3. Double-click into the HTML box and from the main menu, choose
    Insert / Graphic Item. (This will become your first header.)
  4. Next, choose Insert / HTML Item. (This will become your first
    content item.)
  5. 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.
  6. 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.
  7. 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.
  8. 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
  9. 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.

Hope this helps,

Walter


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


actionsdev mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options