+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / Layer layout elements so that you can “stack” images or other content

Layer layout elements so that you can “stack” images or other content

4 posts, 1 answered
  1. Cole
    Cole avatar
    15 posts
    Registered:
    28 May 2013
    29 May 2013
    Link to this post
    In Sitefinity, is there a way to layer layout elements so that you can “stack” images or other content on top of one another?  

    For example, I need to have a layout element contain a background gradient that spans aross the page. Within that layout element I need to insert another layout element on top so that I can then divide up that section and place content on one side of it and an image on the other. The idea being that the top content levels are accessable to our Marketing team, but the bottom gradient/graphics are not. I first noticed the issue when I went to stick an image widget on top of another content widget with the gradient background applied to it already. It wouldn't let me.

    As I have it now, it’s all just one content block with all the HTML for that section in that one content layer.  No image widgets or other content type widgets applied because I couldn’t stick a new layout grid option on top of an existing one.

    So my questions are: is there a way (or another approach) that I'm missing that would allow for me to build up layers of content witin Sitefinity? If not, is it normal (from a Sitefinity development approach) to have it all contained in one big div?

    Thanks so much!
    Cole
    Answered
  2. Jen Peleva
    Jen Peleva avatar
    568 posts
    Registered:
    10 Nov 2016
    30 May 2013
    Link to this post
    Hello Cole,

     This particular scenario can be achieved by using the .sf_cols divs to set your background image, You can set one background-image to the other layout div and different for the divs of the elements inside the other layout control. I have recorded a demonstrative video for you. However, if you want to drop widgets in the outer layout control, this will not be possible, because it is covered by the layout, placed inside it, and you can only drop widgets in the inside layout. Here's the video.

    http://screencast.com/t/Kim97g42k


    Hope this helps!

    Regards,
    Jen Peleva
    Telerik
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Cole
    Cole avatar
    15 posts
    Registered:
    28 May 2013
    30 May 2013 in reply to Jen Peleva
    Link to this post
    Hi Jen,

    Thanks so much for your reply!  Just last night I discovered essentially what you spoke of but instead of targeting .sf_cols divs I found the Classes - Wrapper field located in the Layout Elements section when editing a layout element. That did the trick. Unfortunately, my company's IT department has restrictions on what sites we can view and for some reason, that link you provided was restricted. I imagine what you spoke of illustrates your point and hopefully it will assist someone else who ends up here.

    Best Regards,
    Cole
  4. Jen Peleva
    Jen Peleva avatar
    568 posts
    Registered:
    10 Nov 2016
    31 May 2013
    Link to this post
    Hi Cole,

     What I sent you was, indeed, a video, demonstrating what I meant. I'm glad that you found my response useful!

    Regards,
    Jen Peleva
    Telerik
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
4 posts, 1 answered