Loader 4 Preview Issues on Relume Library Site | Relume Community

Loader 4 Preview Issues on Relume Library Site

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

GMA
·
bump Dan Daniel S. Maria M. Kaleb J. Matt J.
Matt J.
·
GMA Would you mind sending a read-only link?
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
Matt J.
·
GMA how did you insert this loader 4 component? Where did you copy it from?
GMA
·
Matt J. from here: https://www.relume.io/components/loader-4
Matt J.
·
okay
Matt J.
·
so did you see these instructions or no? (genuine question, not snarky, tone online is hard! 🙂)
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.
Matt J.
·
potentially from site builder, maybe these instructions didnt come with either
Matt J.
·
but from the library/chrome extension, in my testing, they came with
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
GMA
·
and to answer your first question, yes the instructions were included when I pasted the loader 4 component into the project
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.
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?
Matt J.
·
yeah totally possible
GMA
·
are you able to confirm that the component works on a test project that you have perchance?
Matt J.
·
the dependency URL's load code, so not likely
Matt J.
·
I am furthering my troubleshooting now yeah
👍1
GMA
·
Matt J. any luck getting the loader 4 animation to work in your test project?
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.
GMA
·
Matt J. np
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! 🙂
GMA
·
Maria M. issue fixed! thank you very much to you and Matt J. for looking into this
🙌1
🙌🏻1