Hey Adam (or anyone else) - I’ve been playing around with Foundry a bit. I have a scrolling one-page site I’m making. I’m going to have a list of ten icons in a grid, with each icon lightboxing to reveal content (mostly just text). Is there any benefit to using the Modal stack in Foundry vs Focus?
I love the look of Focus, but I also see it hasn’t been updated in a while (not a bad thing necessarily) and I’m also curious if anything in terms of ‘page weight’ would suggest to use the Modal stack instead given that there’ll be ten of them.
And a semi-related question - can I put image sliders into either of those stacks? I’ve been trying and they don’t seem to show up (I see the dots but not the images).
Update: it seems that it is just the Foundry Slider Stack that isn’t working. Gallery 3 and Moving Box seem to show up ok. So, maybe a bug report for you @elixirgraphics (or user error)?
It all depends on what you’re trying to accomplish. Do you want a solution that brings up a modal box? Do you want a solution that covers the entirety of the page? Do you want something with a massive animation? Something more lightweight? Do you want something whose features are tied into Foundry? It all comes down to what design you’re going for honestly. There’s not a wrong decision. Just have to pick what works best for you.
Yeah, there’s not been a need to update Focus in a while. No recent bug reports or problems.
Code-wise the Modal stack will be a little more lightweight as some of its code is already contained in the Control Center stack. I personally feel like Focus “feels” heavier with its large-scale animation, but that might be what you’re going for. It will be up to you.
No bug report needed. It isn’t a bug. Some stacks will need to “see” the page as it loads to be able to determine the space it has available to it to work within. Sliders and tabbed content and the like often fall into this category of stack. Since the content is hidden away in a modal, the stack believes it has zero space to work within and those sizes itself accordingly, with a 0px height.