[Pro] Scripty Accordion--Walter

Greetings,

Walter or anyone who could help me:

I am following your instructions to build a scripty accordion. It is not working; thus my post.

http://www.integratedmovement.net/bios-new

I have a wrap on this page with an item extended option on the wrap, height: auto, which is supposed to expand and contract depending on how many bios I insert. I have drawn the html scripty container as a non-layer item inside that wrap, applied the action to it per the instructions, and still nothing is working.

The names are the graphic items that are supposed to work as the triggers.

Any ideas why it is not working at all ???

Thanks,

Rich


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

I have drawn the html scripty container as a non-layer item inside that wrap

I believe this only works with layered html boxes.


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

You’ve created this part of your page in a table layout, and Freeway doesn’t apply IDs to tables or table cells. The Action should have warned you about this, but maybe I didn’t put that caveat in its code. Make this part of your page as a layer, and you should have no problems.

Walter

On Feb 16, 2012, at 12:54 PM, sampolfonz wrote:

Greetings,

Walter or anyone who could help me:

I am following your instructions to build a scripty accordion. It is not working; thus my post.

http://www.integratedmovement.net/bios-new

I have a wrap on this page with an item extended option on the wrap, height: auto, which is supposed to expand and contract depending on how many bios I insert. I have drawn the html scripty container as a non-layer item inside that wrap, applied the action to it per the instructions, and still nothing is working.

The names are the graphic items that are supposed to work as the triggers.

Any ideas why it is not working at all ???

Thanks,

Rich


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


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

Walter,

Thank you for the reply.

I did try the container for the accordion as a layer. It made the black background wrap disappear. I want the accordion to appear inside the wrap container, so that the footer will adjust its spacing and move up and down based on which bio is open on the page.


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

Try double-clicking inside the table cell where you are putting the content, then using Insert / HTML item to create your accordion element there. (Make sure to check the CSS checkbox in the Inspector after you have selected this inline HTML box, so it forces the creation of a DIV rather than a one-cell table.) The Accordion effect only works when the headers and body elements are both peers (at the same level of the code hierarchy) and contained within a single element (to which the Action is applied). Once you paste your content into the inline HTML box, you can remove the height property by clicking on the up/down arrow icon left of the Height field in the inspector.

table
	tr
		td
			div id="accordion" style="width:500px" 
				(note: no height property)
				img (header)
				p (description of that person
				img
				p
				etc.
			/div
		/td
	/tr
	tr
		td
			your footer here
		/td
	/tr
/table

This will definitely work.

Walter

On Feb 16, 2012, at 1:46 PM, sampolfonz wrote:

Walter,

Thank you for the reply.

I did try the container for the accordion as a layer. It made the black background wrap disappear. I want the accordion to appear inside the wrap container, so that the footer will adjust its spacing and move up and down based on which bio is open on the page.


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


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

Hi Walter,

I will do that.

When you say “table” what do you mean? Do you mean that because the entire page is in a wrap that this is a table?

And, will the footer then move down as the accordion expands?

Thanks for the help. It is always appreciated.

Rich


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

If you have the design view set to show borders, you will see that any HTML box you draw on the page has either a blue or a green border. Blue borders are table-based, and green borders are DIVs.

You get a layout table for the page simply by drawing an element on the page (any kind) and un-checking the Layer check-box in the Inspector while that element is selected. Any layer-based elements will float above that layout table, but there will be a table structure, positioned starting in the top-left corner of the page, that contains at least one row and some spacer GIFs to hold its shape, which will then position your content box somewhere on the page.

So in your layout, all you need to do is double-click where your content currently begins so you see a flashing text cursor at the top of the content box, and choose Insert / HTML Item. An inline HTML box will appear, and by default it will have blue borders because it is a child of a non-layered item. Click once on it and check the CSS checkbox in the Inspector so it gains green borders. Then drag it out to be the entire width of the content box where your remaining content appears. Finally, use your text cursor to cut the entire block of text – images and html text – and then paste it into the inline DIV. Click once on the inline DIV and un-check the height property by clicking on the up/down arrow icon until the height value grays out and is unselectable. The box will shrink-wrap around the content. Now remove the Accordion Action from whatever element you had previously applied it to, and apply it to the inline HTML box you just created. Adjust the settings how you like them, and test in a browser.

Walter

On Feb 16, 2012, at 2:21 PM, sampolfonz wrote:

Hi Walter,

I will do that.

When you say “table” what do you mean? Do you mean that because the entire page is in a wrap that this is a table?

And, will the footer then move down as the accordion expands?

Thanks for the help. It is always appreciated.

Rich


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


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

Walter,

I did what you said. It does not do accordion and it gets rid of the black background for the wrap where everything is contained.

http://www.integratedmovement.net/bios-new

If you have time, could you take a peak. It still doesn’t work.

Thanks.

Rich


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

I tried a second layout from scratch. It does not work either.

Can’t understand why not.

Thanks,

Rich


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

Any more ideas on how I can get this to work?

Thanks,

Rich


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

Sorry, I started making an example for you and got distracted. Here you go:

http://scripty.walterdavisstudio.com/inline-accordion.freeway.zip

Walter

On Feb 17, 2012, at 1:20 PM, sampolfonz wrote:

Any more ideas on how I can get this to work?

Thanks,

Rich


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


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

Walter,

Thank you so much for the example.

I messed up in that I didn’t insert (with curser) into the wrap box, I just drew it in and moved it from site panel as child item.

Also, the spacing has to be just right. If there were two returns, it would not work either.

Also, had to have the settings in the action to be triggered by image, and the hidden item selected to div.

Thanks so much for the example and patience. I sincerly appreciate it.


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

Walter,

Is there any way that could close the accordion when the open trigger is clicked a 2nd time?

Just an idea.

Thanks for everything,

Rich


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