Tips and Tricks - Page 3 - Post ID...

User 103173 Photo


VP of Software Development
0 posts

Julian Nicholson-Thomas wrote:
I have just installed FF but cannot see how to get components added.

Go to the File Menu > New from theme and then under Blank, select Blank with Components.

Julian Nicholson-Thomas wrote:
and the button next to them remain resolutely inactive

You first select the Column, Container or Subgrid that you want the Component to go into and then you click the + sign.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2641191 Photo


Registered User
2 posts

Tried that too...I think I have misunderstood your definition of components - in that they are pre-built blocks...I was actually looking to add things such as a carousel, text input etc ...which you probably define as elements
User 434929 Photo


Ambassador
938 posts

Off-canvas Navigation With Foundation Framework v6.3 & Responsive Foundation Framer

https://www.youtube.com/watch?v=BoVSZnt1MXQ

Project files
https://www.dropbox.com/s/7op57dvj75j51 … 0.zip?dl=0
Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
938 posts

Creating Component With Responsive Foundation Framer

https://www.youtube.com/watch?v=Hcs-Ex3DuUs

Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
938 posts

Responsive Foundation Framer - Reveal Modal

https://www.youtube.com/watch?v=sMlYioEcsLs
Guys at coffeecup are awesometacular.
User 244626 Photo


Registered User
811 posts

Mansour ... wrote:
Responsive Foundation Framer - Reveal Modal

https://www.youtube.com/watch?v=sMlYioEcsLs


This is really neat but we are going to need a way to stop the video from still playing after the modal is closed ? Does the same in Bootstrap modal too.....looking into this cause this is Way Cool.
Bootstrap 5 CSS Grid.
User 244626 Photo


Registered User
811 posts

Mansour ... wrote:
Responsive Foundation Framer - Reveal Modal

https://www.youtube.com/watch?v=sMlYioEcsLs


In Foundation Framer you will need the additional attribute data-reset-on-close="true" added in the reveal container.
Works with both Youtube and Vimeo but did not test further like mp4's and other media.

Bootstrap Builder 3 or 4 modal can use the script found here....

https://codepen.io/daplo/details/PPwyJM

Bootstrap 5 CSS Grid.
User 434929 Photo


Ambassador
938 posts

Twinstream wrote:
Mansour ... wrote:
Responsive Foundation Framer - Reveal Modal

https://www.youtube.com/watch?v=sMlYioEcsLs


In Foundation Framer you will need the additional attribute data-reset-on-close="true" added in the reveal container.
Works with both Youtube and Vimeo but did not test further like mp4's and other media.

Bootstrap Builder 3 or 4 modal can use the script found here....

https://codepen.io/daplo/details/PPwyJM



Ooops! Thanks. I appreciate pointing that out buddy.
Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
938 posts

Hide & Show a Div With Animation Effects >> Responsive Foundation Framer

https://youtu.be/aKLFjfI6NHk

Download the project file at following link
https://www.dropbox.com/s/xlhis1vg39vxz … v.zip?dl=0
Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
938 posts

Building basic card component with Foundation Framer

https://youtu.be/pRFOLwkIvhg
Guys at coffeecup are awesometacular.

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.