As I said, there’s a variable you can set in the Glider.js code which
governs this. If I have some time tonight I will see if I can dig it
out and add a control for it.
I am confused on how to add the “active” style. I have tried dissecting the demo file, and still can’t figure it out. Is there a step by step tutorial on how to do this? I am going nuts with it. Thanks.
You don’t apply it, per se, you simply create it in the Styles palette or add it through the Page / HTML Markup dialog if you want to code it by hand. The application happens dynamically through JavaScript. Depending on which pane is active, any corresponding tabs that are set to navigate to that pane are temporarily given the className ‘active’. So anything you have added to the the style named ‘.active’ will be applied to that / those element/s.
Thanks, Walter. I’ve figured it out. The script is extremely buggy for me, only working about 30% of the time, and only when I force to “Publish Everything”. I’ve been removing actions, avoiding overlays, deleting items and recreating them. I am following the instructions perfectly. Is it because I am working in FW5? I think I am using the latest version of the action from actionsforge.com. Thanks again for your help.
Are you, by any chance, applying your Carousel elements through a
Master Page? There are well-documented problems with Freeway (any
version) and Actions that attach or modify files (Carousel does both).
If you are, try removing all hints of Prototype anything from your
Master Page (any of the Freeway FX Actions, Protaculous,
ScriptyAccordion, etc.) and try again on a child page. The Action does
work, and works predictably if you use it only on a child page.
Walter
On Feb 6, 2010, at 12:36 AM, twb716 wrote:
Thanks, Walter. I’ve figured it out. The script is extremely buggy
for me, only working about 30% of the time, and only when I force to
“Publish Everything”. I’ve been removing actions, avoiding overlays,
deleting items and recreating them. I am following the instructions
perfectly. Is it because I am working in FW5? I think I am using
the latest version of the action from actionsforge.com. Thanks again
for your help.
Thanks, Walt. I actually figured it out. I wasn’t using the action on a Master page- everything was done on a child page. The problem was that I was adjusting the look of my page, and moving images around. Whenever the tab images had fewer than 4px between them, they were no longer recognized as tabs. Thanks again for your reply.
If you want to have the tabs touch one another (or get closer than you
have them at the moment) then simply make them inline elements within
a common parent DIV. Draw an HTML box large enough to hold all the
tabs, click the first tab, Cut it from the page, then double-click
inside your HTML box until you see a flashing text cursor, and Paste.
Repeat for each of the tab elements. You can adjust the spacing
between them by applying right margin to each image. Finally move the
HTML box back to where your tabs first appeared, and adjust its
dimensions and so forth to make everything tidy again.
Walter
On Feb 8, 2010, at 7:16 AM, twb716 wrote:
Thanks, Walt. I actually figured it out. I wasn’t using the action
on a Master page- everything was done on a child page. The problem
was that I was adjusting the look of my page, and moving images
around. Whenever the tab images had fewer than 4px between them,
they were no longer recognized as tabs. Thanks again for your reply.
Thanks so much, Walt. Your suggestion once again was the solution. I do have another question, however: I have several Carousel Panes in my page that have A LOT of text and content, making the rest of the carousels have A LOT of blank space at the bottom that the user can scroll down to the bottom of. Is there any way to avoid this? I tried setting the various different overflow options to use scrollbars, but it always gave me two scrollbars- one horizontal and one vertical. Any ideas?
The client has requested that there be this much content on the panes, AND doesn’t want to have people scrolling through a ton of blank space. It’s got me perplexed. Any ideas would be appreciated. Thanks again for all of your help.
You can do this with an extended style for the tall pane. You will
probably need to add this long-hand in the Page / HTML Markup dialog,
Before /HEAD section, but you could experiment by adding a rule in the
Styles palette with the Tag #NameOfYourPane and then adding the rules
through the Extended dialog. You won’t need to apply this rule to any
items on the page – as long as the Name field of a style added in the
Styles palette is empty, it will just publish, and as long as the
style rule is given the ID selector to match the object it applies to,
it will Just Work™.
Make sure that your content is constrained so it doesn’t try to
overflow horizontally (and get cut off by the hidden rule). Also
double-check the name of the pane in the Inspector (left-most tab)
when you click once on that pane in the design view and make sure you
enter it exactly the same way (case-sensitive) in the style rule after
the #.
Walter
On Feb 9, 2010, at 11:40 AM, twb716 wrote:
Thanks so much, Walt. Your suggestion once again was the solution. I
do have another question, however: I have several Carousel Panes in
my page that have A LOT of text and content, making the rest of the
carousels have A LOT of blank space at the bottom that the user can
scroll down to the bottom of. Is there any way to avoid this? I
tried setting the various different overflow options to use
scrollbars, but it always gave me two scrollbars- one horizontal and
one vertical. Any ideas?
The client has requested that there be this much content on the
panes, AND doesn’t want to have people scrolling through a ton of
blank space. It’s got me perplexed. Any ideas would be appreciated.
Thanks again for all of your help.
I am a little confused. I’ve tried it, and it doesn’t work, which probably means that I am just screwing it up.
It always adds a horizontal scroll bar to the pane, even if I make both of them “hidden” in the HTML Page Markup.
Is there a way to just get rid of the browser window scrollbar for specific panes? Custom scrollbar for this? Thanks again- sorry to be so bad at this.
Unfortunately, my confidentiality agreement prohibits it posting a link (sorry, everyone). May I email you a file? How do I know where to send it? Thanks.
Oh, man. Don’t even look at that on Firefox 2 (Mac). Scary-like! Forget my suggestion here, clearly there’s larger issues at work.
I think you may need to re-thing this design. Either split the long stuff over multiple panes, or use a scrolling div within the carousel (which will be a real mess usability-wise).
Maybe you might want to think about a different construction altogether, without the side-scrolling effect.
Thanks, Walter. Unfortunately, it’s way too late to redesign this thing. I really do appreciate all of your help. Is there any way to create a similar design using different pages as the panes, instead of cramming them all into one page?