User selected background-image from SF assets?

Posted by Community Admin on 05-Aug-2018 20:48

User selected background-image from SF assets?

All Replies

Posted by Community Admin on 01-Oct-2013 00:00

I'd like to have the ability for a stock image control added to a page to be able to make the selected image a background image instead.
ie: The client is requesting a unique browser-wide hero image for each page. They want a 2000px+ wide image that will be centered with the site, and be able to easily change it. If done using a normal image widget, the end result will get a scroll-bar as soon as browser is below 2000px.
Can this be done stock? Or very easily with a custom control?

Posted by Community Admin on 02-Oct-2013 00:00

Hey Nik,

You can build a simple custom control for this.
Add a literal to it, use Thunder to add a designer, make it a guid and Image Selector.

Then in your code behind, build out a style rule, which inserts the image as a background url.
You could hardcode the styling, do it by means of a css class or extend the control for various options but the proper css rule set would be:

background: url(thedynamicimage.jpg) no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

Jochem

This thread is closed