I'm trying to use the drilldown menu in this Codepen [https://codepen.io/rafibomb/pen/jmROWa] as a component in SD. I found this this drilldown menu through this guide [https://get.foundation/sites/docs/drilldown-menu.html].
No matter how I insert the HTML, CSS and JS parts into a HTML element in SD I cannot make it work. Is it possible to make this Codepen a drilldown menu in SD using the Foundation 6 framework?
Preben
Registered User
16 posts
Its A Kind Of Bali Magic
Registered User
5,282 posts
Online Now
I'm on my phone at the moment so difficult to see the menu, but have to ask what's wrong with the menu components already available in SD and styling them as you require
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/
Inger
Senior Advisor
14,614 posts
Online Now
Preben, here's one way of doing it. You won't see anything until you preview in a browser, though.
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
Preben
Registered User
16 posts
Wayan, I found the right menu component for me on Codepen and would like to use it in SD. The SD guide says: "Adding custom HTML or code objects to your page is easy."
Inger, thanks, but I would like to have the CSS from Codepen also, and maybe be able to tweak the menu in codepen before I insert the code into SD.
Is it possible to put the HTML, CSS and JS from Codepen directly into SD, preview, and see the same result as on Codepen in a browser?
Inger, thanks, but I would like to have the CSS from Codepen also, and maybe be able to tweak the menu in codepen before I insert the code into SD.
Is it possible to put the HTML, CSS and JS from Codepen directly into SD, preview, and see the same result as on Codepen in a browser?
Its A Kind Of Bali Magic
Registered User
5,282 posts
Online Now
Preben wrote:
Wayan, I found the right menu component for me on Codepen and would like to use it in SD. The SD guide says: "Adding custom HTML or code objects to your page is easy."
Inger, thanks, but I would like to have the CSS from Codepen also, and maybe be able to tweak the menu in codepen before I insert the code into SD.
Is it possible to put the HTML, CSS and JS from Codepen directly into SD, preview, and see the same result as on Codepen in a browser?
Wayan, I found the right menu component for me on Codepen and would like to use it in SD. The SD guide says: "Adding custom HTML or code objects to your page is easy."
Inger, thanks, but I would like to have the CSS from Codepen also, and maybe be able to tweak the menu in codepen before I insert the code into SD.
Is it possible to put the HTML, CSS and JS from Codepen directly into SD, preview, and see the same result as on Codepen in a browser?
No not possible to do preview within site designer only if you preview on a browser
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,282 posts
Online Now
Where are you located I won't be home for another 4 hours I am in Indonesia
I could do you a step by step video once home, if nobody else comes up with a sloution
I could do you a step by step video once home, if nobody else comes up with a sloution
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/
Preben
Registered User
16 posts
I am located in Copenhagen, Denmark. I know i cannot do a preview within site designer, only on a browser.
Its A Kind Of Bali Magic
Registered User
5,282 posts
Online Now
Preben wrote:
Is it possible to put the HTML, CSS and JS from Codepen directly into SD, preview, and see the same result as on Codepen in a browser?
Is it possible to put the HTML, CSS and JS from Codepen directly into SD, preview, and see the same result as on Codepen in a browser?
Wayan Jaya wrote:
No not possible to do preview within site designer only if you preview on a browser
No not possible to do preview within site designer only if you preview on a browser
Preben wrote:
I know i cannot do a preview within site designer, only on a browser
I know i cannot do a preview within site designer, only on a browser
????????
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,282 posts
Online Now
Nope
either there is something wrong with the CSS code on codepen or somethings not compatable
if you make the HTML container background black you don't see the links,, if you leave the HTML container as is then you see the links but the background is white.
By the time you have messed & mucked about trying to get it to work one could have been made from scratch all within SD no need for custom CSS or javascript
either there is something wrong with the CSS code on codepen or somethings not compatable
if you make the HTML container background black you don't see the links,, if you leave the HTML container as is then you see the links but the background is white.
By the time you have messed & mucked about trying to get it to work one could have been made from scratch all within SD no need for custom CSS or javascript
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/
Inger
Senior Advisor
14,614 posts
Online Now
Take 2
Here is another attempt, the first one from last night was something quick and dirty because it was late and past my bed time.
Now you can see the first level of the menu on the canvas, but you still have to preview it in a browser. The CSS from Code-pen is not included as it seems not to work as hoped for, and I haven't yet found out why. I will mess with it a bit and see...
Here is another attempt, the first one from last night was something quick and dirty because it was late and past my bed time.
Now you can see the first level of the menu on the canvas, but you still have to preview it in a browser. The CSS from Code-pen is not included as it seems not to work as hoped for, and I haven't yet found out why. I will mess with it a bit and see...
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
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.
