Preben
Registered User
16 posts
Will you show me, please?
Inger
Senior Advisor
14,615 posts
Online Now
Hi, I knew I had been dealing with this drilldown menu earlier, and I have now found my three years old file on my older laptop. The styling of the elements can be found in the Page Manager. See if this will help you.
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
I can see the back button is added to the element properties (attachment1). And I can see the back button is styled (attachment2). But I still don't know neither how I get the data back button into the element properties nor how I edit its style.
Its A Kind Of Bali Magic
Registered User
5,283 posts
Online Now
Preben wrote:
I can see the back button is added to the element properties (attachment1). And I can see the back button is styled (attachment2). But I still don't know neither how I get the data back button into the element properties nor how I edit its style.
I can see the back button is added to the element properties (attachment1). And I can see the back button is styled (attachment2). But I still don't know neither how I get the data back button into the element properties nor how I edit its style.
In Ingers component open the tab for the " Page Manager"
scroll down to the footer section Or is it in the header section?? i can'y remember which but its in one of them
there you will see the CSS for styling the back button
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,615 posts
Online Now
The attribute adds the back button, and, as I said in my previous post, you find the styling in the Page Manager.
At the time when I made this menu (2019) we didn't have the Element pane with those different boxes for various kinds of code, so we had to use the Page Manager. Now I would have moved the styling to the box for head code, right below the attributes. You can safely do that, BTW.
At the time when I made this menu (2019) we didn't have the Element pane with those different boxes for various kinds of code, so we had to use the Page Manager. Now I would have moved the styling to the box for head code, right below the attributes. You can safely do that, BTW.
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
Is the best or only way to style the back botton in SD to style it from the Page Manager?
Its A Kind Of Bali Magic
Registered User
5,283 posts
Online Now
Preben wrote:
Is the best or only way to style the back botton in SD to style it from the Page Manager?
Is the best or only way to style the back botton in SD to style it from the Page Manager?
Using the component from Inger is the only way within SD or you can edit after exporting which isn't really a good way to do it
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,615 posts
Online Now
Preben wrote:
Is the best or only way to style the back botton in SD to style it from the Page Manager?
Is the best or only way to style the back botton in SD to style it from the Page Manager?
Well, as I hinted above, you could move (cut/paste) the styling from Page Manager to the Element pane, to the box for head code. That would be the "2022" way of doing it. It seems to work better than using the styling directly on each element. And particularly on the back button, which isn't really a "physical" element that you select and add to the menu.
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
Its A Kind Of Bali Magic
Registered User
5,283 posts
Online Now
Inger wrote:
Well, as I hinted above, you could move (cut/paste) the styling from Page Manager to the Element pane, to the box for head code. That would be the "2022" way of doing it. It seems to work better than using the styling directly on each element. And particularly on the back button, which isn't really a "physical" element that you select and add to the menu.
Preben wrote:
Is the best or only way to style the back botton in SD to style it from the Page Manager?
Is the best or only way to style the back botton in SD to style it from the Page Manager?
Well, as I hinted above, you could move (cut/paste) the styling from Page Manager to the Element pane, to the box for head code. That would be the "2022" way of doing it. It seems to work better than using the styling directly on each element. And particularly on the back button, which isn't really a "physical" element that you select and add to the menu.
Same thing it puts it in the header anyway on export, if the menu is to appear on multiple pages then yes in the header section of the components box would be better as one could then make a symbol of the menu but then again in the page manager header one just needs to tick the "use global' option and the CSS woul go to every page the same.
Suspect that Preben maybe struggling to decipher the css
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,615 posts
Online Now
If you mean the bit of 'CSS' shown in the Foundation video or on Code-pen, that is actually not CSS. It is SASS, a preprocessing code for CSS, you may say a 'shorthand' CSS. It has to be compiled before it can be used on a website.
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.
