Is it possible to activate the scriptyAccordion with a graphic? I.e A button that says ‘more’ when you click this, the text below will be revealed?
Also when I set up an scriptyAccordion why do I still see the headers?? If I set the activation text H1 (for example) then the hidden text has say H2 then paras. I see all the H2’s even when hidden? Can you not have headers in the hidden text?
You can use an inline graphic as the header, just set the header type
to img. As far as having mixed content types in the disclosed parts,
you have to either stick to one content-type (not mixed) or use an
inline DIV to wrap them and set the disclosed tag to div.
Walter
On Dec 2, 2010, at 4:32 PM, Justin Easthall wrote:
Hi,
Is it possible to activate the scriptyAccordion with a graphic? I.e
A button that says ‘more’ when you click this, the text below will
be revealed?
Also when I set up an scriptyAccordion why do I still see the
headers?? If I set the activation text H1 (for example) then the
hidden text has say H2 then paras. I see all the H2’s even when
hidden? Can you not have headers in the hidden text?
Almost. Draw your outer Accordion container as an HTML layer box.
Double-click inside it, and use the main menu: Inert / Graphic Item to
add a graphic “headline”. Double-click inside of that and add your
text. Then click out of that, and double-click somewhere else inside
the outermost HTML box to get the text cursor again. Hit the down-
arrow a bunch of times to be sure you’re at the end. Then use the main
menu again: Insert / HTML Item. Click and drag that out to the size
you need, then double-click inside it and add your subhead and text
contents. Click once on this box after you’ve added something to it,
and disable the height property so it will “shrink-fit” around its
contents.
Repeat these steps until you have all of your graphic heads and inline
HTML box “body elements” for each accordion fold.
Now click once on the outermost box, apply the ScriptyAccordion Action
to it, and set the header to img and the body to div.
That should do it.
Walter
On Dec 2, 2010, at 5:09 PM, Justin Easthall wrote:
Does that mean place an HTML box inline with the header txt inside?
Thanks Walter. Was wondering I think I tried it once with images hidden worked fine on Safari etc but not ie 8-9…It kinda ‘judderd’ open and images alignment was off. Is this right?
Is this demo page juddering? My IE machine is off doing something else
right now in the recording studio, so I can’t look at it here. If it
is, here’s a couple of things to try.
Make sure that all of the HTML elements (outer and nested inline)
have undefined height. Click the little up/down arrow icon left of the
height field in the Inspector while each box is selected.
Edit your page with a text editor. Look for a line that includes var params = {duration:0.2,queue:'end'}; and change 0.2 to a longer
duration, something in the range of 0.5 to 0.9. Then test again. If
that makes a difference for your IE (which may be having trouble
keeping up with the physics of the effect using its non-standard JS
engine) then let me know and I’ll add a control to change the duration
to the Action.
Walter
On Dec 3, 2010, at 8:36 AM, Justin Easthall wrote: