Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

Loader 4 Preview Issues on Relume Library Site

Avatar of GMAGMA
·

Does anyone know if there is a bug/issues with Loader 4? The preview isn’t working on the Relume library site and it also doesn’t work upon importing into my project. Dan Daniel S. Maria M.

23 comments

  • Avatar of GMA
    GMA
    ·

    bump Dan Daniel S. Maria M. Kaleb J. Matt J.

  • Avatar of Matt J.
    Matt J.
    ·

    GMA Would you mind sending a read-only link?

  • Avatar of GMA
    GMA
    ·

    Matt J. Here you go: https://preview.webflow.com/preview/gabriels-five-star-site-bde9a3?utm_medium=preview_[…]516260cfea&pageId=6615b523027f42981510bd48&workflow=preview Loader 4 animation added to Test-1 page

  • Avatar of Matt J.
    Matt J.
    ·

    GMA how did you insert this loader 4 component? Where did you copy it from?

  • Avatar of GMA
    GMA
    ·

    Matt J. from here: https://www.relume.io/components/loader-4

  • Avatar of Matt J.
    Matt J.
    ·

    okay

  • Avatar of Matt J.
    Matt J.
    ·

    so did you see these instructions or no? (genuine question, not snarky, tone online is hard! 🙂)

  • Avatar of Matt J.
    Matt J.
    ·

    at any rate, you'll need to follow these instructions for it to work properly - I'm curious to understand further why you didn't see these instructions or if you were just quick to delete - one known bug is when importing from the new Webflow app - the instructions do not come with the pasted component - so thats something we'll have to address.

  • Avatar of Matt J.
    Matt J.
    ·

    potentially from site builder, maybe these instructions didnt come with either

  • Avatar of Matt J.
    Matt J.
    ·

    but from the library/chrome extension, in my testing, they came with

  • Avatar of GMA
    GMA
    ·

    i did follow those instructions. when I first pasted the component in, the loader component element maintained the original name. in any case it still didn’t work. Upon repasting the loader 4 animation in order to share with you, the loader 4 component element was renamed. however, the loader 4 elements referened in the animation code weren’t changed. In any case, the component didn’t work the first time and is not working now either. I’ve tested the 4 other loader animations, following the instructions and they all work as well

  • Avatar of GMA
    GMA
    ·

    and to answer your first question, yes the instructions were included when I pasted the loader 4 component into the project

  • Avatar of Matt J.
    Matt J.
    ·

    alright....well on your read-only link, the first step in the instructions is to put this component inside of page-wrapper, but there is no page-wrapper on that page you had mentioned.

  • Avatar of GMA
    GMA
    ·

    I don’t know if there is some sort of dependency issue with the js components, but since the preview for loader 4 isn’t working on the relume site either, I’m wondering if the issue may be related to that?

  • Avatar of Matt J.
    Matt J.
    ·

    yeah totally possible

  • Avatar of GMA
    GMA
    ·

    are you able to confirm that the component works on a test project that you have perchance?

  • Avatar of Matt J.
    Matt J.
    ·

    the dependency URL's load code, so not likely

  • Avatar of Matt J.
    Matt J.
    ·

    I am furthering my troubleshooting now yeah

    👍1
  • Avatar of GMA
    GMA
    ·

    Matt J. any luck getting the loader 4 animation to work in your test project?

  • Avatar of Matt J.
    Matt J.
    ·

    GMA nope - something in the JS doesn't seem to be triggering correctly. I'll pass it onto the team - thanks for raising the issue.

  • Avatar of GMA
    GMA
    ·

    Matt J. np

  • Avatar of Maria M.
    Maria M.
    ·

    Hey GMA, can you edit the animation called ‘Loader 4 [Hide] [Desktop]’ inside .loader4_ix-trigger? The initial state was set to display:none and should be set to display:flex. Also, after that, change the class name of the component again to .loader4_component. Let me know if this helps! 🙂

  • Avatar of GMA
    GMA
    ·

    Maria M. issue fixed! thank you very much to you and Matt J. for looking into this

    🙌1
    🙌🏻1