Container Sizes/Background Overlay

Hey everyone,
I am currently trying to adjust my landing page to be a little bit easier on the eyes. I am using the Seattle theme with a background image, a single container text layout and I would like to adjust it a little bit but I am having difficulty. To be more
specific, when you use the Oslo theme you can see that the containers allow for the site background image to shine around the container itself, similar to a regular website. In Seattle's theme, the container expands the entire width of the page regardless
of whether or not the area is filled with material.
How do I make the Seattle theme allow for me to have the background image not be fully obstructed by the whitish container overlay so that the page appears to be more like a website ?
OR
How do I add the Global navigation pane (Top Link Bar) to the Oslo theme ?
Edit- I should add that my first attempt was to use CSS to adjust the width of the S4-bodycontainer and it has not worked -- nor do I even know if that was the proper approach.

Hi Patrick,
From your description, my understanding is that you want to customize your master page, and want to know how to use CSS to customize Seattle theme.
Please try to customize your Seattle theme with these steps below:
Enter your SharePoint home page, and get your selector as the screenshot below.
Enter your Seattle theme, find the source with keywords [id="PlaceHolderMain"].
Add code below(please backup your Seattle theme file before customizing it) to your Seattle theme below the line that you find in step2.
Save the Seattle theme, and refresh your SharePoint Site.
Add this code below to your Seattle theme:
<style type="text/css">
#aspnetForm{
background-image:url('../../Shared%20Documents/1.jpg')
</style>
Please refer the screenshot below to get your selector, and it shows my result:
Best Regards,
Vincent Han
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Similar Messages

  • How to force a responsive Edge animation to re-evaluate its container size?

    I have an Edge animation stage embedded in a relatively complex page, inside a container div whose width is set by media queries and which may or may not be faded out by $.fadeOut. I've figured out how to trigger playback, but the stage doesn't seem to be updating its estimate of the container's width regularly. Specifically, the stage will scale itself to its min-width (disappearing if there is no min-width) and get stuck there in a specific case when the container's container has been hidden then shown again. And even when the stage is visible and on screen, if I make the browser thinner then wider, it seems to scale itself down but never back up. These weird problems would both be explained if the stage wasn't consistently re-evaluating how large its container was.
    In that case - is there a way to force the stage to re-evaluate its container size using Javascript? Wasn't able to find anything in the documentation about this.
    Thanks!

    Hi, Chi-
    Funny you should mention this... I actually just posted a blog post about something very similar.
    https://blogs.adobe.com/edge/2013/09/05/floral-matchmaker-tutorial-3-hiding-and-showing-th e-game-board/
    You can put your responsive div in an iframe set to a certain % of your main page.
    -Elaine

  • Can you do green screen background overlay with imovie?

    can you do green screen background overlay with imovie?

    teacher24_70 wrote:
    .. I see the list of different tutorials (video effects, picture-in-picture, etc.), but green screen doesn't seem to be one of them.
    there's no tutorial on Apple's website, but Google shows a long list, #1 hit:
    http://www.iclarified.com/entry/index.php?enid=2984

  • Data package/container size

    We are using MI and I have a little question about data packages sizes and container sizes.
    If I use data packaging and the size very small, I read at help.sap.com that MI is sending 20 containers.
    But how much data is sent by MI. What is the size of 1 container?
    I ask this question because we have a little problem with the sizes of the data packages/containers.
    So the major question is: What is the size of a container which is sent from MI to the Middleware (SAP WAS)?
    How can I see the data I sent from MI to the middleware (SAP WAS) and how can I see if the packages are full ore not.
    I hope someone can help me. Thanks in advance.
    Kind regards,
    Bart Elshout

    Hi Thomas,
    Do you know anything about a "Fragment Bit" which is set with sending data from SAP MI client to SAP WAS (middleware)?
    The data is sent with a "Don't fragment bit" and one of our switches/routers or something in the network has to fragment our data, but the bit is set. So the MI client receives an error message (Unexpected end of file from server).
    We want to set something in the SAP MI client which sais this datapacket may be fragmented so it can pass the network switches/routers/etc.
    Can someone help us with this problem?
    Thanks in advance and kind regards,
    Bart Elshout

  • Main Wrapper, Container and background-image repeat problem-and Footer :-)

    Hi everyone,
    First off, i tried almost every idea i could get to solve this on my own but now im...aaa...
    Well, the problem is i have a main wrapper with a background image repeat. A header,menu, body container - which has a left column and right column. I want that main wrapper,body container and both of the columns to grow auto according to content. I tried the height:100%. When i float the columns the text from left column spills over on to the footer. The left column also does not autogrow towards the footer?! I was able to set the footer at the bottom which i want it to remain at the bottom of the main wrapper, but the main wrapper and the columns do not grow automatically...I guess it has something to do with float and the clear properties but what???
    body{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    font-family: verdana;
    text-align: center;
    background:url(back_index3.png) repeat-x scroll 0 0 #E4E4E4;
    #main_wrapper {
    width: 959px;
    margin:0 auto;
    margin-top:80px;
    background:url(backslice.png) repeat-y;
    height:auto;
    min-height:800px;
    #header {
    width: 959px;
    margin-left: auto;
    margin-right: auto;
    height:119px;
    background:red;
    padding-top: 0px;
    padding-bottom: 0px;
    #topmenu {
    background-color:#blue;
    height:30px;
    margin:0px;
    width: 959px;
    margin-left: auto;
    margin-right: auto;
    #body_container {
    height:100%;
    width: 949px;
    margin: 0 auto;
    #content {
    float:left;
    width: 645px;
    background:yellow;
    border-right:1px solid #ffffff;
    padding:10px;
    height:100%;
    text-align:left;
    #sidebar {
    float:left;
    width: 283px;
    background:#234234;
    height:100%;
    #footer {
    clear:both;
    height:200px;
    background-color: #686768;
    margin:0 auto;
    border-top: 1px solid #F6F6F6;
    text-align:center;
    width: 100%;
    <html xmlns="">
    <head>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="3css.css" />
    <meta http-equiv="content-type" content="text/html" />
    </head>
    <body>
    <div id="main_wrapper">
         <div id="header">
          <span id="header_logo">title</span>
         </div>
         <div id="topmenu">
         menu
         </div>
         <div id="body_container">
          <div id="content">
    content to be added
          </div>
          <div id="sidebar">
          hallow2
          </div>
         </div>
    </div>
    <div id="footer">
    asd
    </div>
    </body>
    </html>
    Thanks in advance if somebody can help me out here.
    you can see an image of the problem in the attachement down thr... thnx

    <html xmlns="">
    <head>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="3css.css" />
    <meta http-equiv="content-type" content="text/html" />
    </head>
    <body>
    <div id="main_wrapper">
         <div id="header">
          <span id="header_logo">title</span>
         </div>
         <div id="topmenu">
         menu
         </div>
         <div id="body_container">
          <div id="content">
    content to be added
          </div>
          <div id="sidebar">
          hallow2
          </div>
         </div>
    </div>
    <br clear="all" />
    <div id="footer">
    asd
    </div>
    </body>
    </html>
    Hope this will work well

  • ALV with splitter container in background

    Hi all,
    I have an ALV grid in which I am using a splitter container to display top of page and the alv grid.
    I am unaware how to use a docking container in conjunction with a splitter container, so that the ALV list is displayed in the background.
    Request assistance from you all...
    Regards,
    Vidya.

    Hi,
    In background , you can't dispaly the ALV with splitter container , dispaly ALV in foreground with splitter and in background use top-of-page to display header text with docking container.
    Code :
    DATA: o_grid             TYPE REF TO cl_gui_alv_grid,
          o_container TYPE REF TO cl_gui_custom_container,
          o_dockingcontainer TYPE REF TO cl_gui_docking_container .
      IF NOT sy-batch = 'X'.
        CREATE OBJECT o_container
                EXPORTING
                      container_name = 'CONTAINER'.
        CREATE OBJECT o_grid
                EXPORTING
                      i_parent = o_container.
      ELSE.
        CREATE OBJECT o_grid
          EXPORTING
         i_parent = o_dockingcontainer.
        IF sy-subrc NE 0.
        ENDIF.
      ENDIF
    METHOD handle_print_top_of_page.
        prev_linno = sy-linno.
        sy-linno = 64.
        SKIP.
        WRITE:/40 'Page:', sy-pagno .
        SKIP.
        sy-linno = prev_linno.
      ENDMETHOD.                    "handle_print_top_of_page
      METHOD handle_top_of_page.
        WRITE:/40 'Page:', sy-pagno .
      ENDMETHOD.                    "handle_top_of_page
    Regards
    Appana

  • Template- container div background not expanding with page

    Hello! Still fairly new to Dreamweaver.  I'm building a website using a template I made.  Theres one problem I can't figure out... I've created my "container" div and I'm using a style to add a background to this div.  I have all my other divs inside the container. The problem I'm running into is that with pages of different lengths, the background doesn't expand to fill the rest of the page.  As my content div (editable region) expands with more content, and my footer div moves down as it should, the background image just cuts off where it ended in the template.  I created the background in photoshop, and I know for a fact that it's long enough to handle the lengthy pages.  It's not a matter of the background image not being long enough, its just as the content div expands bigger than the template, it doesn't fill the entire container div. 
    So far my only solution is to make sure the template is tall enough to handle the longest page, and the shorter pages just have the added space below the content.  I dont really want to do this, but I will if I have to.  I hope I was clear enough, if you need screenshots or need to see the code I can post it.  Thanks in advance for your help!
    Justin

    Unfortunately I dont have a server yet, I realize that would be easiest and I apologize.
    I tried adding the repeat-y like you said, and it didn't make any difference.  I also went into the style and chose repeat-y from the dropdown box and it added
    background-repeat: repeat-y;
    and that didnt work either.  I may not have explained it well enough, in my template.dwt page the background works exactly as it should, it expands with the page.  But after I created the new pages using this template, then expanded the content in the editable region, thats when the container background doesn't expand to fill the page.  It's stuck at the point I saved it in the template.  I dont want the entire background showing all the time, on the shorter pages I want it to only go to the bottom of the content.  Does that make sense?
    Thank you

  • Sony 14:9 FCpro 16:9 screen size in overlays...

    I’m working in FCpro (6….) for some years now making my own home movies.
    This spring I got a Sony HDR-HC9 1080i cam what made it more beautiful, recording in 16-9 etc. So I set my FC to the needed settings, exported to compressor and to DVD studio to write it down in a (quality loss, anybody knows how to solve this?) DVD all perfect so far.
    But now we have this very nice Sony Bravia KDL-46W4500 huge flat screen. Checking out my DVD’s, what once was perfect lined out in FC when creating it, now falls of the edges, is cut of.
    My Sony Bravia seems to have a 14:9 instead of the usual 16-9… (zoom or smart or 4:3 same cut of version on my dvd film)
    Is there a solution for this, what settings should I use in FC to make it full screen coverage again without losing the edges on my sony Bravia? It worked fine on my old tv screen 4:3, had a black line on the sides there but that’s fine…
    Ok so I resize my hole project again in FC but is there I way I can set my overlays/title safe in FC to 14:9 size so I can work in those helpful lines again, without guessing or hoping it will be full on screen on my bravia, what other setting should I adjust?
    Thanks in advance

    Thanks for your reply
    what do you mean with over scan ?
    i just used the full canvas with in FC
    kept my pictures included within the “wireframe”, kept my titles within the “title safe”…
    whatever setting I use on my bravia, wide, smart, zoom or 4:3 it cuts of a large part of the image, even far in the title safe area on the horizontal part and cuts it back on the vertical to the edge of the title safe….
    Could it be that my dvd player, which did fine on my old “small” 4:3 tv, fools me?
    Never the less my bravia manual never mentions 16:9 ratio, closest to it is 14:6

  • Get parent container size in renderer?

    Hi,
    I'm trying to add a variable number of same-sized Canvas
    squares to the HorizontalList below:
    <mx:HBox width="100%" height="50%" >
    <mx:HorizontalList height="100%" width="60%"
    dataProvider="{myData}"
    itemRenderer="renderers.Topic" >
    </mx:HorizontalList>
    <mx:Canvas height="100%" width="40%" >
    </mx:Canvas>
    </mx:HBox>
    I want the squares to be proportional such that as the app is
    resized, the squares also grow or shrink in size. My item renderer
    gets the size of the parent HorizontalList (via
    BaseListData.owner.width) in order to calculate the dimensions of
    each canvas square; as the app is resized, the size of the parent
    changes and my square's dimensions are recalculated. However, it
    seems that the size of the parent container isn't know until I
    render some content but I can't render content until I know the
    amount of real estate available in the parent. I missing something
    basic here, right?
    Thanks, Garry

    Turn it around. Instead of having the item renderer calculate
    its width based on it's parent's width, have the HorizontalList set
    the size of its children in updateDisplayList().

  • Resize a container size at runtime in WD ABAP

    Hi all,
    I have some queries in WD ABAP.
    1) If I want to resize(stretch) a container at runtime is there any GUI element or something else to do so.
    2) Also when I hit enter at runtime how to handle this even.
    Please suggest.
    Thanks
    Sanket sethi

    Hi Sanket
    If I want to resize(stretch) a container at runtime is there any GUI element or something else to do so
    There is no such UI element which can stretch the container. But you can set the width and height property of the container with two string type attribute and in some event handler, just set the value in these attribute according to the size you want.
    Every Input field has ONENTER event, just write the code in that method.
    I hope it helps.
    Regards
    Arjun
    Edited by: Arjun on Jan 22, 2009 11:57 AM

  • Controlling scrollbars and container sizes

    We are having this exact problem. This is a pretty crazy
    problem. It seems like inner containers are not "pushing" the outer
    containers out far enough. The only resolution that I can find is
    to set a bunch of static sizes for containers, but then we lose the
    flexibility. Any ideas? The scrollbars are ridiculous cause they
    are constantly getting cut off by the browser or are there when
    they shouldn't be. Is there a better way for apps with multiple
    layers that are larger than the normal height of a screen?

    Thanks Jake,
    Reducing containers is surely a good thing. Unfortunately the
    application I'm working on is pretty large and at places there are
    easily between 5 and 10 nested containers. I'm not using
    AbsoluteLayout though and mostly a combination of HBox/VBox/Forms.
    One problem I ran into is with the use of HDividedBox, which
    when resizing caused its children to contain double scrollbars. The
    child would have a scrollbar and one of the child's children would
    have a scrollbar. If you get small enough then the parent also has
    a scrollbar. It ain't a pretty picture.
    Sofar I've found that HDividedBox has a problem with resizing
    a child component if that child is a container holding more
    components/containers. Its difficult to debug but my impression is
    that when the layout manager pass takes place, the child
    container's size hasn't been updated yet. As a result the deeper
    level is set larger than it should, causing an extra scrollbar.
    My workaround (bit hack) that helped somewhat is to catch the
    resize event in the HDividedBox child and set its minWidth to be
    the max of the measuredMinWidth of the child's children. This only
    affects how HDividedBox resizes its child, and isn't a general
    solution unfortunately.
    For those interested:
    eg:
    quote:
    function onResize(event:Event):void
    if ((child1 != null) && (child2 != null))
    this.minWidth = Math.max( child1.measuredMinWidth,
    child2.measuredMinWidth);

  • Trouble with JFrame Sizes, background always seem to be exposed

    I must be misunderstanding how this pack() and setPreferredSize() thing works. Basically I have a JPanel, which I draw a blue background in. I set it up so that it is a gridLayout.
    super(new GridLayout(GRID_ROWS, GRID_COLS, GRID_SPACE, GRID_SPACE));
    setPreferredSize(new Dimension(GRID_COLS * CELL_SIZE,GRID_ROWS * CELL_SIZE));to me this means I have a gridlayout of squares.
    then I add JLabel "blocks" to this gridlayout, so that it will look like a maze. I set the preferred size of the JLabels to CELL_SIZE. So I would think everything would fit nicely. Then I insert this JPanel onto a JFrame. I also add another JPanel (ButtonPanel) to the bottom of the JFrame, and this seems to screw everything up.
    First off, am I doing this setPreferredSize() stuff right. I was under the impression that I should set the preferredSize() of all the subcomponents, and then on the larger component, one that I really don't have a preferredSize() for, I just pack() it, and that will shape around the limitation of the subcomponents.
    Secondly why doesn't this ButtonPanel just scale to the size of the maze? Why does it have to stretch it out, so that my, once square looking JLable blocks, look like rectangles? Is there a way short of setting the PreferredSize(some_number_of_pixels), that is more elegant that will make the ButtonPanel behave?

    No takers? really any ideas about why this might be please let me know. I have a feeling it is a somewhat simple concept, but I'm just missing the point or something.

  • Image size and stacking problem with FF12 even in safe mode. Images are 5x the right size and overlayed on top of other pictures or text. how to fix?

    OK this problems limited to Facebook only. When logged in FF12 the entire page is scrambled. The pictures are stacked over each other and are 5 to 6 times the size their supposed to be. I have tried everything I could think of to fix this it even runs like this when in safe mode. I have uninstalled all plugins and all extensions I have uninstalled and even tried back dating FF. it's still so massively out of proportion that you can't do anything. .even when zoomed out 3x it's so large the pictures are larger than my screen. They are still overlapped so bad you can't do a thing with it. Even worse I uninstalled and installed pale moon and the effects migrated to that browser as well. Only browser I found unaffected by this is IE. Lord knows I don't wanna ever have to go that rout so I'm asking for help. I have a whole list of parsing errors and decoration drops, to many to post. any help would be much appreciated until it's fixed I'm stuck with IE. Chrome wont work with the software I run only IE or FF will.

    -> press '''CTRL''' + '''0''' (zero) to '''Reset''' Zoom
    * For details, see this article -> [[How do I use Zoom?]]
    Check and tell if its working.

  • Acrobat combine/merge/background/overlay two documents?

    Hello
    I'm using Adobe Acrobat 8 Standard on a Windows XP Pro PC.
    I'm trying to merge two documents.  The first is a PDF printout from a third party program.  The second is a report created in our standard Word template, then printed as a PDF; this has numbered pages and headings which relate to the first print out.  I'd like to overlay the two, so that the printout appears as part of the report.  I can only do this page at a time at the moment, but the documents are large. Does anyone know of an automated way of acheiving this?
    Regards
    Lindsay

    Dear Maria Luisa Noscal
    My few queries
    1. Are these PDF, word Douments stored in SAP DMS? If not ask them to give you the merged files which is stored in their legacy system and then upload.
    2. Why there is need to merge all these documents ? Any business process specific requirement that will enhance Day to day Operation?
    Because we need to think before going for such mass change whether it is really required.
    Even if you achive merging of all files, next the client would ask to delete all original files which are store.
    There should be logical reason to implement this.
    If client pressurises then as suggested by Pradeep go for standard maket solutions. Because even if by hook or crook we try to achive the merger through ABAP, we cannot gurantee the merger and its validation whether we have its merged properly.
    Hope it will help you to take decesions.
    With Warm Regards
    Mangesh Pande

  • Transparent Container Cell Background design

    Hi All,
    I have a scenario where in on click of a link, I'm needed to highlight a transparent container. In Webdynpro JAVA i used to achieve this using Transparent Container -> cellBackGroundDesign -> WDCellBackgroundDesign.BORDER
    What is the equivalent of this in WD ABAP. I do not find any such attribute in particular.
    Any pointers on this will be of great help.
    Thanks & Regards,
    Gayathri Shanbhag

    Hi All
    On switching from flow to matrix layout I found the property cellBackGroundDesign, but it is not bindable to an attribute, in my scenario I'm needed to set the border/highlight dynamically. Please suggest if there is an alternative.
    Thanks & Regards,
    Gayathri Shanbhag

Maybe you are looking for