Yesterday we shipped Elements 0.7.1, and today we’re demoing a new component that has been on the request list for quite a while. It’s the humble Modal.
As with all our components, we’ve made sure it’s really flexible and able to cover a lot of use cases. Watch today’s video to learn more.
The Modal Component will be added to a future build of Elements, very soon!
Way back in the day—think RapidWeaver versions 1, 2, and 3—the navigation had the ability to hide all tier 3 pages that weren’t related to the currently active tier 2 page. This wasn’t just CSS wizardry; it was hardcoded into the HTML. The advantage of this approach was that search engines only saw the silo of links attached to the active tier 2 page. Ideally, navigation in Elements would function the same way.
Early in the video you mention creating a gallery, but you didn’t show that. Can I create a modal like the left-hand dog photo that has pulls up a whole gallery of photos? With clickable next/prev. symbols? With automatic scolling? Or is there another way (element) to set that up that I missed in all the videos?
@dan This new component looks really good and I certainly have a need for it.
There was one feature that I thought was missing from this component. That was the ability to display the modal on a timer. So it would popup and if not closed by the user would stay on screen for a certain period of time before closing.
I have modals I use on my Classic sites that depend on this feature of a modal.
Maybe there is some other way of doing this in Elements, but I have not discovered it yet.
Great to see more components showing up, Elements is getting more and more well rounded by the day.
I’d have to go back and take a look at the first modal we built (it’s been a while!), but this new modal takes a much more flexible, composable approach.
As with all our built-in components, we’ve aimed to make it as versatile as possible. As you saw in Dan’s video, anythingcan be used as the modal trigger (previously it was a hardcoded button), and you can add any component as the modal itself.
This gives you tons of flexibility—whether you’re building a simple image popup, a slide-in panel, or something more complex
Brilliant, young Dan! I am a rabid weaver (get it?) of modals on my sites. Use many of them and this surpasses the RW Classic (stacks-based) implementations I’ve used. Can’t wait to try it out.
All I need now is a Tabs component and I shall be in Nirvana.
.
I am a rabid weaver (get it?) of modals on my sites. Use many of them and this surpasses the RW Classic (stacks-based) implementations I’ve used. Can’t wait to try it out.