User selected background-image from SF assets?
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?
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;