[Pro] Scripty Accordion

I have installed the scripty accordion action, and it all works fine, is it possible to add a border and coloured headers, using freeways features to create something similar to a jquery accordion


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

It is just a matter of adding the styling you want to whatever h tag you are using - usually use a style like h2.accordion for this

David


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

Hi, I did that, but the overall size was page width, and the headers would only make an outline not a full colour


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

Can you show us what you have and what you would like to see.

D


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

here is a link to what style I want to createhttp://jqueryui.com/demos/accordion/

I have already created it in query, but there will be a quantity on each page of the website, and if I can do using freeway it would be a lot better, and a bit more scope for the design, text etc without to much coding.

David


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

I started working on this, and hit a point where I can get it close, but not all the way. One thing that the jQuery Accordion has going for it is that it sets a new style on the currently-open header. This makes it possible for the header to have rounded corners that dovetail neatly into the content below, without looking odd when that content is hidden, and it also makes it possible to do the cool flippy-triangle trick. If you can do without these extras, it’s pretty easy to style.

http://scripty.walterdavisstudio.com/styled-accordion

Download the document here: http://scripty.walterdavisstudio.com/styled-accordion/styled-accordion.freeway.zip

Be sure to look through the Extended dialog in each of the styles – there’s quite a few things that Freeway doesn’t expose a control for that I set there, or things like padding and margin that are just simpler to set in code than to remember where there’re hidden.

Compare how it looks in Freeway’s design view with what you see when you preview or publish. Note that Freeway doesn’t telegraph to you the block-level nature of the H2 tag. In the design view, the gray background on the header seems to stop at the end of the word. That would only be true for an inline element. Note how in a real browser it spans all the way across the top of the effect area.

Once you get out into the weeds like this, Freeway stops being a perfect WYSIWYG tool, and you need to use some imagination to “see” how the finished page will look – or flip back and forth between preview and design view as you go.

Walter

On Sep 18, 2012, at 6:32 AM, David Wise wrote:

here is a link to what style I want to createhttp://jqueryui.com/demos/accordion/

I have already created it in query, but there will be a quantity on each page of the website, and if I can do using freeway it would be a lot better, and a bit more scope for the design, text etc without to much coding.

David


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

Thanks Walter, the one you gave me the link for is good and will do what I need, the only difference is that I need the headers to open up within the accordion, so the overall size does not change, but I guess that is just the amount of text within that will decide that
Thanks again
David


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