I don't know if anyone uses these but I updated the step by step for building the accordion to dropdown menu for build 2349. I included the new "sticky" position in the tutorial and on the example page. It has the css repairs and the dynamic script add in for changing the menu style on the link for the page, ("this link" on the example page).
If you use the step by steps, remember to refresh / reload your browser to see the new updated tutorial & example pages (if you haven't set up yours for history).
The links in the signature below.
Alter Eagle
Registered User
312 posts
Its A Kind Of Bali Magic
Registered User
5,397 posts
Online Now
Alter Eagle wrote:
I don't know if anyone uses these but I updated the step by step for building the accordion to dropdown menu for build 2349. I included the new "sticky" position in the tutorial and on the example page. It has the css repairs and the dynamic script add in for changing the menu style on the link for the page, ("this link" on the example page).
If you use the step by steps, remember to refresh / reload your browser to see the new updated tutorial & example pages (if you haven't set up yours for history).
The links in the signature below.
I don't know if anyone uses these but I updated the step by step for building the accordion to dropdown menu for build 2349. I included the new "sticky" position in the tutorial and on the example page. It has the css repairs and the dynamic script add in for changing the menu style on the link for the page, ("this link" on the example page).
If you use the step by steps, remember to refresh / reload your browser to see the new updated tutorial & example pages (if you haven't set up yours for history).
The links in the signature below.
Hey
There Alter Eagle, what a great tutorial,, and what a great component to have BRILLIANT
I have however a couple of things I would like to talk to you about but don't want put it here, so if & when you have tine can you drop me an email so I can discuss further
Thanks
Wayan
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/
Byron Tipping
Registered User
1,647 posts
Nice - Keep 'em coming
Thanks
Thanks
Alter Eagle
Registered User
312 posts
Byron I start out trying to get them succinct but they can get long, so I was thinking maybe people were having one look and going... what, 
no way
Hey Wayan
If there is something you think I should change or clarify I don't mind an open conversation on it, I don't think I have your email though.
The Orbit Carousel one I'm doing you might find interesting, I have a ton of custom stuff you can do with it, just worked out yesterday how to use thumbnail images for bullets, didn't think I was going to be able to get that effect going at first. If you code for fun you know how those little hurdles go.
no way Hey Wayan
If there is something you think I should change or clarify I don't mind an open conversation on it, I don't think I have your email though.
The Orbit Carousel one I'm doing you might find interesting, I have a ton of custom stuff you can do with it, just worked out yesterday how to use thumbnail images for bullets, didn't think I was going to be able to get that effect going at first. If you code for fun you know how those little hurdles go.
Its A Kind Of Bali Magic
Registered User
5,397 posts
Online Now
Alter Eagle wrote:
Byron I start out trying to get them succinct but they can get long, so I was thinking maybe people were having one look and going... what, no way
Hey Wayan
If there is something you think I should change or clarify I don't mind an open conversation on it, I don't think I have your email though.
The Orbit Carousel one I'm doing you might find interesting, I have a ton of custom stuff you can do with it, just worked out yesterday how to use thumbnail images for bullets, didn't think I was going to be able to get that effect going at first. If you code for fun you know how those little hurdles go.
Byron I start out trying to get them succinct but they can get long, so I was thinking maybe people were having one look and going... what,
no way Hey Wayan
If there is something you think I should change or clarify I don't mind an open conversation on it, I don't think I have your email though.
The Orbit Carousel one I'm doing you might find interesting, I have a ton of custom stuff you can do with it, just worked out yesterday how to use thumbnail images for bullets, didn't think I was going to be able to get that effect going at first. If you code for fun you know how those little hurdles go.
Hi Alter Eagle
No it isn't about anything to change it more of a personal nature.
There is on thing that would be great if you can work it out & share,
with the dropdown (or even any menu for that matter (for the one's that stick to the top when scrolled) is there a way to add a background colour once it gets to the top & sticks, I have a number of instances where the menu has a transparent background under normal situation, where I would like it to have a solid background once it goes sticky at the top.
.my e-mail is in my profile thingy.
I have done a couple of videos already about the carousel (but need update them a bit as they were done a while ago, interesting thought about replacing the bullets with images, I tried & tried with that with no real success, but then you see I am not a coder,I am more of a designer which is why I love RSD & RFF, I know my way around code a little bit but really am on the bottom shelf with all that stuff (had people do all that for me pre RSD/RFF days). Once I see something in action I tend to be able to understand the code bit a little, but couldn't for the life of me be able to write something .
Anyway Alter Eagle keep up the great work you do & share with us Big Thanks once again, by the way I have already updated 5 of the sites I manage, with that new dropdown thingy, (some heavy styling for a couple of them, but they all work & look great, and really easy to implement (my old way of doing that also worked but is like a dinosaur compared to what you did.
Take care as always
Wayan
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/
Alter Eagle
Registered User
312 posts
Well I think you use buttons so this would be for that not these dropdowns these are UL's
So for a button menu whip out a new RSD and try this quick to see how it works:
Add 3 rows
Top rows column add a header one and a long paragraph
2nd rows column add 5 button links
3rd row give it a class of column800 and make it's min height 800px so it'll create a scroll
Select the 2nd row and give it a class of sticky-row
In POSITION make it sticky top 0px
The buttons style them whatever say transprent and the class is my-style on each button
In The HEAD add this style
in the FOOTER paste this script
What that does is when the page is scrolled 50px the button backgrounds will fade to black kind of thing by adding the "black" class to them.
You'll see when you try it out...
So for a button menu whip out a new RSD and try this quick to see how it works:
Add 3 rows
Top rows column add a header one and a long paragraph
2nd rows column add 5 button links
3rd row give it a class of column800 and make it's min height 800px so it'll create a scroll
Select the 2nd row and give it a class of sticky-row
In POSITION make it sticky top 0px
The buttons style them whatever say transprent and the class is my-style on each button
In The HEAD add this style
<style>
.black { background-color: #000;}
</style>
.black { background-color: #000;}
</style>
in the FOOTER paste this script
<script>
$(function() {
$(window).on("scroll", function() {
if($(window).scrollTop() > 50) {
$(".my-style").addClass("black");
} else {
$(".my-style").removeClass("black");
}
});
});
</script>
In the script change the .my-style to whatever yours is, and black can be changed to whatever$(function() {
$(window).on("scroll", function() {
if($(window).scrollTop() > 50) {
$(".my-style").addClass("black");
} else {
$(".my-style").removeClass("black");
}
});
});
</script>
What that does is when the page is scrolled 50px the button backgrounds will fade to black kind of thing by adding the "black" class to them.
You'll see when you try it out...
Its A Kind Of Bali Magic
Registered User
5,397 posts
Online Now
Alter Eagle wrote:
Well I think you use buttons so this would be for that not these dropdowns these are UL's
So for a button menu whip out a new RSD and try this quick to see how it works:
Add 3 rows
Top rows column add a header one and a long paragraph
2nd rows column add 5 button links
3rd row give it a class of column800 and make it's min height 800px so it'll create a scroll
Select the 2nd row and give it a class of sticky-row
In POSITION make it sticky top 0px
The buttons style them whatever say transprent and the class is my-style on each button
In The HEAD add this style
in the FOOTER paste this script
What that does is when the page is scrolled 50px the button backgrounds will fade to black kind of thing by adding the "black" class to them.
You'll see when you try it out...
Well I think you use buttons so this would be for that not these dropdowns these are UL's
So for a button menu whip out a new RSD and try this quick to see how it works:
Add 3 rows
Top rows column add a header one and a long paragraph
2nd rows column add 5 button links
3rd row give it a class of column800 and make it's min height 800px so it'll create a scroll
Select the 2nd row and give it a class of sticky-row
In POSITION make it sticky top 0px
The buttons style them whatever say transprent and the class is my-style on each button
In The HEAD add this style
<style>
.black { background-color: #000;}
</style>
.black { background-color: #000;}
</style>
in the FOOTER paste this script
<script>
$(function() {
$(window).on("scroll", function() {
if($(window).scrollTop() > 50) {
$(".my-style").addClass("black");
} else {
$(".my-style").removeClass("black");
}
});
});
</script>
In the script change the .my-style to whatever yours is, and black can be changed to whatever$(function() {
$(window).on("scroll", function() {
if($(window).scrollTop() > 50) {
$(".my-style").addClass("black");
} else {
$(".my-style").removeClass("black");
}
});
});
</script>
What that does is when the page is scrolled 50px the button backgrounds will fade to black kind of thing by adding the "black" class to them.
You'll see when you try it out...
Brilliant
I also got it going on your dropdown thingy
can't explain in words, tried but my brain hurts
I've made a short video sample to show it working,,, (will get it up & running shortly anybody interested in how I did it I will make another to show
You are the top gun
Beers are on me if ever you get to 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/
Its A Kind Of Bali Magic
Registered User
5,397 posts
Online Now
scratch my previous post can't get the dropdowns to work when they get sticky work fine before scrolling
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/
Its A Kind Of Bali Magic
Registered User
5,397 posts
Online Now
Wayan Jaya wrote:
scratch my previous post can't get the dropdowns to work when they get sticky work fine before scrolling
scratch my previous post can't get the dropdowns to work when they get sticky work fine before scrolling
Actually got it working now except for microsoft edge and IE (surprise surprise)
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/
Its A Kind Of Bali Magic
Registered User
5,397 posts
Online Now
Wayan Jaya wrote:
Actually got it working now except for microsoft edge and IE (surprise surprise)
Wayan Jaya wrote:
scratch my previous post can't get the dropdowns to work when they get sticky work fine before scrolling
scratch my previous post can't get the dropdowns to work when they get sticky work fine before scrolling
Actually got it working now except for microsoft edge and IE (surprise surprise)
https://youtu.be/I8nANAbYHt0
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/
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.
