FullBackgroundEffect

Stable Version 1.0.0 (OutSystems 10)
Published on 28 March 2017 by 
Created on 28 March 2017
Details
Fills a background image that covers the entire browser window at all times.
Read More

Fills background image on a website that covers the entire browser window at all times. Let's put some specifics on it:


Fills entire page with image, no white space

Scales image as needed

Retains image proportions (aspect ratio)

Image is centered on page

Does not cause scrollbars

As cross-browser compatible as possible

Isn't some fancy shenanigans like Flash



Works in:


IE7+ (could probably get in IE6 with a fixed position shim)

Most any other desktop browser



Credits to:


https://css-tricks.com/perfect-full-page-background-image/

What’s new (1.0.0)

Initial version

Reviews (0)
Category
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 Daniel Martins who created this component.
Dependencies
FullBackgroundEffect has no dependencies.
Requirements
Platform
10.0.0.402
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 .
28383
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2754
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.
9907
More from Daniel Martins
Stagings
Staging Team
Displays the entire history of deployments performed through LifeTime. Uses the Platform SDK to get the list of deployments. Install it on your LifeTime environment.
138
CameraPreview Plugin
Daniel Martins
Plugin that enables a live view of the camera on your application, as well as capturing images. Note: Currently the plugin is only working for iOS.
423
Headroom
Daniel Martins
Give your pages some headroom. Hide your header until you need it.
9