How to Create Responsive Overlay and Modal Components in Framer | Framer Responsive Design Tutorial

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 29

  • @amitkumarpandit8581
    @amitkumarpandit8581 9 месяцев назад +2

    Is it possible to make the modal appear after certain time frame frequently?

  • @javi_park
    @javi_park 11 месяцев назад +1

    Soren, great video. Were you able to include the same overlay but to the nav bar "Get Started" component? I haven't been able to figure this out for Nav Components. Thanks!

  • @shauny2270
    @shauny2270 Год назад

    Thank for making this tutorial, Soren. I'll follow your steps in making an overlay that shows a video clip.

  • @rachelouellette6950
    @rachelouellette6950 5 месяцев назад

    What keyboard keys to you click to sellect multiple things like that? Im using a Mac. Thanks in advance!

  • @wladimiracevedo652
    @wladimiracevedo652 Год назад

    Awesome tutorial 🔥🔥 Which would be the best service allowed on Framer to collect the input data from that modal? I've trying formspark, but in this case you created the CTA blue button using a frame apart from the input component.

    • @soren_iverson
      @soren_iverson  Год назад

      Here's a Medium article I found that might be helpful: medium.com/@lindforsadam/how-to-pass-text-input-to-another-screen-in-framer-x-bed88318704c
      I'm less familiar with the code overrides in Framer still so not quite sure how to do this.

  • @muhammadzazulirizki1000
    @muhammadzazulirizki1000 7 месяцев назад

    Thanks for the tutorial!
    I have question. I'm still totally new with Framer. And I know nothing about coding too. Do you have tutorial how to collect data from the form that we just created here in this video? Can we do it with no code approach?

  • @reelmediaminds
    @reelmediaminds Год назад

    Thank you for the tutorial. How can you only set overlay for mobile only? Seems limiting if it sets for all variations by default.

    • @soren_iverson
      @soren_iverson  Год назад +1

      From my experience I’m not sure if this is possible with the current implementation of overlays.

  • @nikosalkola5495
    @nikosalkola5495 Год назад

    Really good tutorial and well presented example ✌✨

  • @matheuswebmkt1
    @matheuswebmkt1 4 месяца назад

    So beautiful... And how to send and collect the infos of all fields? How to make it functional? please, Soren! :(

  • @JourneySibal
    @JourneySibal Год назад

    How do we connect this inputs plus the button as 1 form and send the data altogether? It seems tricky.

  • @lewisguapo
    @lewisguapo Год назад

    Elements or parts of my section appear on my over or on top of my modals. How do I make them to be behind the overlays?

    • @soren_iverson
      @soren_iverson  Год назад

      Check your z index to make sure nothing is set to be above your modal. Also, make sure you don’t add layers to the overlay element when editing other parts of your site.

  • @C00L8osGuy
    @C00L8osGuy Год назад

    Well done 🔥🔥

  • @AS-ld5mz
    @AS-ld5mz Год назад

    any ideas why i don't see the overlay option on the sidebar?

    • @erwinprihartono2123
      @erwinprihartono2123 Год назад

      you should make it into a layout first then the overlay feature will appear

  • @samuelfabayo1370
    @samuelfabayo1370 Год назад

    Amazing

  • @Hernan-Kza
    @Hernan-Kza Год назад

    Muy buen video wacho!

  • @abupsng945
    @abupsng945 Год назад

    Can u make a tutorial on.. multiple filter on cms…

    • @soren_iverson
      @soren_iverson  Год назад

      I will make a CMS tutorial at some point soon!

    • @abupsng945
      @abupsng945 Год назад

      @@soren_iverson please do that in depth..even if it turn out to be 3 hours video.....never saw anyone making that video

  • @minkhantz_music
    @minkhantz_music 3 месяца назад

    Bro I can't find close overlay

  • @samdimauro
    @samdimauro 6 месяцев назад

    Hey @soren_iverson, is there a way to create an overlay multi step form?

  • @payouts22
    @payouts22 4 месяца назад

    not good , you have email validation warning in inputs