The Filter Stack
What is Filter?
Filter is a Stacks 3 stack element that allows the designer to easily create lists of items that can be displayed and filtered in magical ways.
Watch the screencasts below to see some how easy it is to use Stacks 3 and Filter.
Filter is a fantastic stack. This is perhaps the best, most useful, coolest stack I've ever used. Anyone who has a lot of content to display will find multiple ways to do so. It looks great, works flawlessly and is worth every penny. My only concern is I may have a Filter overuse problem ahead. I'd like to use it for everything.
ActonArt Drawing School
ScreencastsCatalog Tutorial FAQ Tutorial
Some features have been added since the making of these screencasts
Hide and show item elements with the filter option. Items that match that filter will be shown. Items that do not match will be hidden.
Rearrange the order of item elements based on their data.
Item sizes can be set with percentages for responsive layouts.
It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. This layout is similar to what Pinterest does. An example can be seen here.
Create stunning photo galleries using Filter to display the photos in a fancy lightbox. An example can be seen here.
Filter makes it super simple for your users to drill-down to the exact item they are searching for using combo filters. An example can be seen here.
Items built specifically for use on FAQ style pages where clicking the title will reveal the content. An example can be seen here.
Items built specifically for use on Catalog/Online Store style pages where images will position based on the layout ( grid or list ) chosen by user. An example can be seen here.
Edit-mode UI and Published content both look great on Retina based displays. Nice and clean.
RapidWeaver 6 Friendly
Seamless integration with Rapidweaver and your existing Rapidweaver based site.
No third-party services or accounts required.
Preview your form layout prior to publishing. See exactly what your users will see.