Carousel - active tab

I cant seem to locate recent directions on how to make the tabs active (formatted) in FW5 for the carousel. I made a style so the text will have an outer glow in that graphic tab, but I dont know how to make it work when the active slide is on. (Need basic steps here - thanks!)


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

This isn’t going to be possible to do. The only thing that’s really
supported right now is to add a border outside the image DIV. You
define a class style called active, and whatever you add to that
style is what happens to the tab.

Example here:

http://scripty.walterdavisstudio.com/carousel

Walter

On Jul 8, 2008, at 4:30 PM, Beatrice wrote:

I cant seem to locate recent directions on how to make the tabs
active (formatted) in FW5 for the carousel. I made a style so the
text will have an outer glow in that graphic tab, but I dont know
how to make it work when the active slide is on. (Need basic steps
here - thanks!)


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

Ok, that is acceptable - I seemed to have overlooked the subtle outline. Exactly how can I do this? It dont know the exact steps to make it active. Actually, I am not sure I did the class style correctly either. Would it be possible to write a few steps out for me?


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

Sure. In the Freeway styles palette, make a new style with the gear
menu. In the Tag field, enter

img.active

…and then tab into the Name field, delete whatever is there, and
then tab back out. (Otherwise Freeway will insist on auto-entering
styleN into that field.)

To make this exact style, the easiest thing to do will be to click on
the Extended button, and then New, and then enter the following Name/
Value pairs. (You will need to click New to enter each one, and Okay
to save each one. There are four individual pairs.)

border-top
1px solid #ccc

border-right
1px solid #ccc

border-left
1px solid #ccc

margin
-1px -1px 0 -1px

You will not need to apply this style to anything on the page in
order to have it publish into your page – tag-only styles just do that.

This will give you the exact pale gray outline that I used on my
example. You can experiment with other colors, thicknesses, etc.
Remember to use the same amount of negative margin as you do border
thickness, otherwise your images will jump around a little. I am
hoping to expand this trick a bit so that you can do more elaborate
things, but for now, this is what I can do with the canned script
that I use.

Walter

On Jul 8, 2008, at 7:35 PM, Beatrice wrote:

Ok, that is acceptable - I seemed to have overlooked the subtle
outline. Exactly how can I do this? It dont know the exact steps
to make it active. Actually, I am not sure I did the class style
correctly either. Would it be possible to write a few steps out
for me?


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! I will give that a go. Meanwhile, I tinkered with using color block outlines and then adding the coordinating color on the individual slides. It works for now until I can get the “active” style to work for me.

I am having problems with getting the buttons to work on prev/next on my site though> I did read that they have to be grouped and I did that, but they still dont work. I have the carousel in an iFrame. It did work the first time, but I managed to tweak something and it isnt working. Here is a screenshot of my panel - maybe I have it grouped too many times?

(The carousel is under “Attend A Party” found at www.nkbaga.org/PALC/)


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

The issue seems to be with your tabs, not with the forward back
buttons. Take another look at the order in which you applied these.
Also, check to see what version of the Carousel Tabs action you have,
I may have a solution for you.

Walter

On Jul 9, 2008, at 12:01 AM, Beatrice wrote:

Thanks! I will give that a go. Meanwhile, I tinkered with using
color block outlines and then adding the coordinating color on the
individual slides. It works for now until I can get the “active”
style to work for me.

I am having problems with getting the buttons to work on prev/next
on my site though> I did read that they have to be grouped and I
did that, but they still dont work. I have the carousel in an
iFrame. It did work the first time, but I managed to tweak
something and it isnt working. Here is a screenshot of my panel -
maybe I have it grouped too many times?

Skitch | Evernote

(The carousel is under “Attend A Party” found at www.nkbaga.org/PALC/)


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

Oddly, the page just started working and I dont know that I did anything. I had been clearing my cache over and over to be sure I was getting the changes. I renamed each tab in the panel with a name instead of a date to be sure they were in 1,2,3,4 order that would match the order of the panels.

How do I check the version of the action? If it needs updating, where do I get it?


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

Click on one of the tabs, then look in the Actions palette, lower-
right corner. The version number will appear there. The latest
version is always available at <http://freewaypro.com/actions/
downloads> , and I have an even newer version here that I’ve been
tinkering with. Not sure if that’s the ticket for you, because it
will require you to re-build your entire carousel.

Just to be clear, your tabs are not working. When you click one, the
pane that’s referenced snaps into view, when it should glide.

Walter

On Jul 9, 2008, at 9:38 AM, Beatrice wrote:

Oddly, the page just started working and I dont know that I did
anything. I had been clearing my cache over and over to be sure I
was getting the changes. I renamed each tab in the panel with a
name instead of a date to be sure they were in 1,2,3,4 order that
would match the order of the panels.

How do I check the version of the action? If it needs updating,
where do I get it?


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

The version is 0.5.1b and I got the protaculous zip downloaded and when I double click the action to install it says that it is installing over an old version. When I check the version again, it stays the same.

The page appears to work as-is in Safari but not Firefox.


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

Further details on browser response:

Safari has the tabs making the panel SNAP into view and the arrows GLIDE.

Firefox has the tabs SNAP and the arrows do not work.


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

Look carefully at the page behavior when you click on one of the
tabs. Does the pane glide smoothly to the selected option, or does it
“snap” to it?

Walter

On Jul 9, 2008, at 9:55 AM, Beatrice wrote:

The page appears to work as-is in Safari but not Firefox.


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

Ok, I got it to GLIDE in Safari as well using the tabs and/or arrows - I changed the order of the items in the panel and grouped them in one container.

Firefox is still not behaving right at all.


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

Ok, I got the page to work properly in Safari - the tabs and/or arrows now both GLIDE. I rearranged the items in the panel as shown here: Skitch | Evernote

Firefox is still not acting right.


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

Sorry for the double post - if I view the page (carousel) on its own, it works in Firefox. It will not work properly in the iFrame when viewing in Firefox. See here:
http://www.nkbaga.org/PALC/carousel.html


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

OK - I ditched the iFrame and just copy/pasted the carousel items into the accordion and it appears to be working fine in both browsers now. It would’ve been a cleaner editing approach for me to use the iFrame -I get lost in the items and bump them around too much, etc. But, it works now, so that is the goal here! Thanks for the help thus far Walter! I would like to tweak the ‘active’ tab now when I get a chance.


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

Hi,

i build a page with carousel action (GREAT STUFF) but i’ am not able to apply the style to the active tab. Unfortunately i do not understand how to “tag-only styles just do that”
I build up the style (with no name?) but i have no idea how to apply this to my page (or to my tabs)

THX

Christoph


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

If you make a style in Freeway that has nothing at all in the Name
field, and everything in the Tag field, then the style will be
published to all pages. But the trick is you must know what object
you are trying to affect, and give your style a tag which will only
affect that object.

In a page that has Carousel Tabs tabs on it, there will always be one
tab per carousel that has the classname “active”. This is done by
JavaScript, and it is not controlled by Freeway at all.

If you have Safari 3, take a look at my example page for Carousel.
Control-click on the active tab in one of the carousels, and choose
the bottom option: Inspect Element. (If you don’t see this option,
you may need to enable the Develop menu using the Advanced tab of the
Safari Preferences.) The screen will dim except for that one tab
image, and you will see a nice highlighted view into the code,
showing only that one element. Note the last attribute in the image
tag: class=“active”. Now do the same thing on one of the other tabs.
Note that it does not have this classname attribute.

As long as there is some style property associated with that
classname (which is what you are doing when you build up a tag-only
style) then whenever there is something on the page that has that
classname, the style will apply to it. You don’t need to apply the
style to an object on the page, you don’t need to do anything besides
create that style. The browser does the rest. And it can switch these
visual styles off and on without reloading the page.

Walter

On Jul 10, 2008, at 3:26 AM, Christoph wrote:

Hi,

i build a page with carousel action (GREAT STUFF) but i’ am not
able to apply the style to the active tab. Unfortunately i do not
understand how to “tag-only styles just do that”
I build up the style (with no name?) but i have no idea how to
apply this to my page (or to my tabs)

THX

Christoph


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,

many thx. But i have still the problem. Pls have a look at my test at www.lorenz-knoll.de/testcarusel.html

  • You will find the style “.active”!
    but it is not work and there is a nother probelm: When you klick a tab the page is jumping to a anke (?) - You will see it at t the url. May be that ist the problem

Christoph


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

Ok - i just found the problem! I forgot to apply the tabs to a layer (inspector pallet). Now it works perfect!

Is it possible to apply a background color to the tab?

Thx
Christoph


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

Not yet, but that will be possible in a future version.

Walter

On Jul 10, 2008, at 10:57 AM, Christoph wrote:

Is it possible to apply a background color to the tab?


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