Stable Version 1.0.0 (OutSystems 9)
Published on 24 June 2015 by 
Created on 24 June 2015
A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content. A variant of
Read More
The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. The content area fills the grid and the expanding element (which is a dummy element and not the grid item itself) is not animating in width and height but instead its original dimensions are already of the expanded size and is simple scaled down initially. By setting classes, the transitions of all the elements are controlled.
Reviews (0)
UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Hélio Cardoso who created this component.
AnotherGridItemLayout has no dependencies.
SQL Server
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at . Obtain assistance on using Silk UI in our forums .
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
More from Hélio Cardoso
Hélio Cardoso
A single page template with built in carousel styles, smart filtering and dockable menu. A nice, clean and responsive theme for all devices.
Product Quick View
Hélio Cardoso
UI pattern that presents snapshots of items and provides a modal quick view of that item using animations.
Item Gallery
Hélio Cardoso
A gallery of item preview images that expand on click. Take advantage of CSS Transitions and Transformations, and of the background-attachment CSS property to create a “diving-in” effect and reveal additional content for each project.