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 
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 silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28488
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2765
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.
9995
More from DemoTeam
AdvancedAmazonS3
Ricardo Pereira
Using the newest API from Amazon, this extension allows access to AmazonS3 basic functions in a simple manner.
655
FullCalendar 2
Grazina
A complete and interactive calendar supporting multiple views, different event sources and advanced customization
1597
IBM Watson IoT
IBM Watson IOT Team
Connector for IBM Watson IoT Hub that allows to receive stream data from devices and to send messages to control devices.
67