Resizable Layout
Stable Version 1.0.0
Published on 18 May 2015 by 
DemoTeam
DemoTeam
Created on 18 May 2015
Details
Resizable left pane with responsive containers
Read More
Resizable left-pane with widgets allowing for responsive behaviour within that pane using pure CSS!

Example CSS: 
.widget-name {
    padding: 25px;
}
.widget-name[max-width="200px"] {
    padding: 0;
}
.widget-name[min-width="500px"] {
    padding: 55px;
}

/* responsive images /*
.responsive-image img {
    width: 100%;
}

.responsive-image[max-width^='400px'] img {
    content: url(demo/image-400px.jpg);
}

.responsive-image[max-width^='1000px'] img {
    content: url(demo/image-1000px.jpg);
}

.responsive-image[min-width='1000px'] img {
    content: url(demo/image-full.jpg);
}

The underlying javascript is credited to Marc J. Schmidt. Check for samples and documentation at http://marcj.github.io/css-element-queries/.

Under this license
Reviews (0)
Category
Components, 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 DemoTeam who created this component.
Dependencies
Resizable Layout has no dependencies.
Requirements
Platform
9.0.0.1
Database
All
Stack
All
Component Consumers
Resizable Layout has no consumers.
Weekly Downloads 
Related Components
Google Drive Connector
OutSystems R&D
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
1006
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.
7358
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10692
More from DemoTeam
AdvancedAmazonS3
Ricardo Pereira
Using the newest API from Amazon, this extension allows access to AmazonS3 basic functions in a simple manner.
608
FullCalendar 2
Grazina
A complete and interactive calendar supporting multiple views, different event sources and advanced customization
1317
Oracle connector
Francisco Menezes
Oracle connector allows you to extend your app using Store Procedures or Functions of an Oracle DB
577