Resizable Layout

Stable Version 1.0.0 (OutSystems 9)
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
No consumers yet.
Weekly Downloads