Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • lucuma 261 posts 563 karma points
    Feb 20, 2014 @ 22:09
    lucuma
    0

    Full Screen Div

    Developing Umbraco 7 packages

    I am writing my own markdown package similar to the built in one and I want to provide the option of going full screen so they can edit the document easier. I thought I can just set the div to position absolute, left, right, top, bottom to 0, and width/height at 100% but it doesn't work. It looks STRANGE to say the least:

    http://screencast.com/t/hqtobG6au0L2

    That being said, does anyone have any ideas on how to overlay the containing div so it goes full screen in the backend? Seems like some trickery is required.

    Copy Link
  • lucuma 261 posts 563 karma points
    Feb 21, 2014 @ 00:47
    lucuma
    0

    Well I got something very hacky working. Would love to hear someone else's thoughts.

    I'm adding a class to the body and then having to mess around with #contentwrapper. Then I can put my div full screen.

    #contentwrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        overflow: scroll;

    }
    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft