I've been working on the foundation orbit carousel for a step by step on customizing it in RSD. Changing the control arrows and that link area, the bullets look, captions, stuff like that. Got most of it worked out except the animation options and even just changing it to a basic fade-in. Tried it with the component & building it from scratch too...
Anyone had any luck with that with this build?
I've tried the data-options string and adding the individual ATTRIBUTES with the values. I even wrote a script to change the attribute value and that ends in the same result. With motion UI plugin you should be able to use a few different animation options but it doesn't seem to be working in this build.
Anyone had any luck with that with this build?
I've tried the data-options string and adding the individual ATTRIBUTES with the values. I even wrote a script to change the attribute value and that ends in the same result. With motion UI plugin you should be able to use a few different animation options but it doesn't seem to be working in this build.
Okay, well CoffeeCup has some work to do on this one too.
The 4 values for the string aren't working either, only in from right.
So you ADD the ATTRIBUTE data-options
and for it's value you can use only one of these options:
animInFromRight:scale-in-up;
animInFromRight:scale-in-down;
animInFromRight:slide-in-up;
animInFromRight:slide-in-down;
animInFromRight:spin-in;
animInFromRight:spin-in-ccw;
animInFromRight:hinge-in-from-middle-x;
animInFromRight:hinge-in-from-middle-y;
animInFromRight:hinge-in-from-bottom;
animInFromRight:hinge-in-from-right;
animInFromRight:hinge-in-from-left;
The scale in down isn't too bad, the rest are definitely eye grabbers.
Too bad the fade isn't working that's the one I like to use. Funny thing is the long CSS fade version looks right (didn't check the min) so it must be the js but that works on codepen? Anyway I'll include these in the step by step tutorial and I'll post the test when get to checking the positioning repairs for the captions and other fixes on my mobile iOS.
The 4 values for the string aren't working either, only in from right.
So you ADD the ATTRIBUTE data-options
and for it's value you can use only one of these options:
animInFromRight:scale-in-up;
animInFromRight:scale-in-down;
animInFromRight:slide-in-up;
animInFromRight:slide-in-down;
animInFromRight:spin-in;
animInFromRight:spin-in-ccw;
animInFromRight:hinge-in-from-middle-x;
animInFromRight:hinge-in-from-middle-y;
animInFromRight:hinge-in-from-bottom;
animInFromRight:hinge-in-from-right;
animInFromRight:hinge-in-from-left;
The scale in down isn't too bad, the rest are definitely eye grabbers.

I haven't been active here for weeks, have been buried in work, and also tied up with my husband's illness.
I read everything, though, and I appreciate all the work you put in, AlterEagle! I have a feeling that I have to learn all this from scratch again, whenever I can find some time (won't be right yet, though...). I still have a mountain of work in front of me, but it has become a wee bit smaller
I read everything, though, and I appreciate all the work you put in, AlterEagle! I have a feeling that I have to learn all this from scratch again, whenever I can find some time (won't be right yet, though...). I still have a mountain of work in front of me, but it has become a wee bit smaller

Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Well you're definitely missed and I wish your hubby the best of wishes getting well.
Alter Eagle wrote:
Okay, well CoffeeCup has some work to do on this one too.
The 4 values for the string aren't working either, only in from right.
.
Okay, well CoffeeCup has some work to do on this one too.
The 4 values for the string aren't working either, only in from right.
.
Hi Alter, I would imagine that since the Orbit thingy is no loner supported by CC or foundation, that nothing will be done to anything to do with Orbit.
I also tried a while ago to get things to act differently, with no luck,, seems like you have got further than I did.
Cheers from Sunny Bali
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Wayan, just wondering where you found that orbit wasn't supported by foundation? I see it just had a bug fix for the resize on transition #9881 in the 6.42 release changelog and are still working on it in github. So that would be a good bit of info to know if they are going to drop it in the future?
Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.
Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.
Alter Eagle wrote:
Wayan, just wondering where you found that orbit wasn't supported by foundation? I see it just had a bug fix for the resize on transition #9881 in the 6.42 release changelog and are still working on it in github. So that would be a good bit of info to know if they are going to drop it in the future?
Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.
Wayan, just wondering where you found that orbit wasn't supported by foundation? I see it just had a bug fix for the resize on transition #9881 in the 6.42 release changelog and are still working on it in github. So that would be a good bit of info to know if they are going to drop it in the future?
Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.
Alter Eagle
I am sorry if I am wrong but I am sure I read somewhere that Orbit was no longer being supported, but now I can't seem to find the thread.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Quote from SitePoint's 'What's new in Foundation 6:
In Foundation 5, the Orbit Slider was a complex component that let users create fully responsive, interactive image, video, and content sliders. Orbit had been in Foundation for a long time and over the years had been ballooning out with dozens of configuration options, leading to a whole lot of work maintaining it.
Zurb announced that for Foundation 6 they were discontinuing Orbit, which, as you can imagine, upset many people who loved the flexibility it provided.
However, instead of removing it entirely, Foundation 6 re-purposed Orbit into a lightweight, simple slider that, while basic, still offered great customization. It’s now more of a wire-framing tool instead of a comprehensive slider.
In Foundation 5, the Orbit Slider was a complex component that let users create fully responsive, interactive image, video, and content sliders. Orbit had been in Foundation for a long time and over the years had been ballooning out with dozens of configuration options, leading to a whole lot of work maintaining it.
Zurb announced that for Foundation 6 they were discontinuing Orbit, which, as you can imagine, upset many people who loved the flexibility it provided.
However, instead of removing it entirely, Foundation 6 re-purposed Orbit into a lightweight, simple slider that, while basic, still offered great customization. It’s now more of a wire-framing tool instead of a comprehensive slider.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Wayan Jaya wrote:
Alter Eagle
I am sorry if I am wrong but I am sure I read somewhere that Orbit was no longer being supported, but now I can't seem to find the thread.
Alter Eagle wrote:
Wayan, just wondering where you found that orbit wasn't supported by foundation? I see it just had a bug fix for the resize on transition #9881 in the 6.42 release changelog and are still working on it in github. So that would be a good bit of info to know if they are going to drop it in the future?
Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.
Wayan, just wondering where you found that orbit wasn't supported by foundation? I see it just had a bug fix for the resize on transition #9881 in the 6.42 release changelog and are still working on it in github. So that would be a good bit of info to know if they are going to drop it in the future?
Good news is I have pretty well got it all worked out with customizing (well except for the CC transition bugs), just finding the extra time to write it up is the only snag. Got the captions working, and corrected a few positioning CSS errors like the control arrow centering (and changing them to look better), the bullets look and stuff like that.
Alter Eagle
I am sorry if I am wrong but I am sure I read somewhere that Orbit was no longer being supported, but now I can't seem to find the thread.
here is the notice that "foundation" published
DEPRECATION NOTICE:
Orbit has been deprecated, meaning that it is no longer supported. There's no need to worry though as we decided to leave it in Foundation if you choose to continue using it. We explain it here.
There are other great options if you need an image slider. A lot of them have features based on Orbit and may have added one of two more features.
This image slider is really slick:
Slick Carousel
Orbit is also not accessible to screen readers or assistive devices.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
Yes, they brought Orbit back from the dead and it is fully supported again. Here is the Foundation 6.4.2 link...
http://foundation.zurb.com/sites/docs/orbit.html
http://foundation.zurb.com/sites/docs/orbit.html
Bootstrap 5 CSS Grid.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.