Helium - Full background image for work area

Support
#1

Hi Cuba Community,

We have an app (7.2) that has an image as the background for the main work area screen. There is a white border to the left and top of that image though.

Is there a specific CSS property that we can target to remove those white boarders and have the image be truly full screen?

image
image787×333 43 KB

Thank you for your time!

#3

This has been fixed with css in the vbox:

image
image1554×594 64.6 KB

Simple enough.

Adam

1 Like
#6

Hello Steve!

Could you share the layout of your main screen? Maybe some component uses margins. In the mock-up below image occupies full space:

<workArea id="workArea"
          stylename="c-workarea"
          height="100%">
    <initialLayout spacing="true">
        <image id="image"
               scaleMode="COVER"
               width="100%"
               height="100%">
            <url url="https://i.pinimg.com/originals/db/b0/8a/dbb08a069d1f24c4b61da740198a59cc.jpg"/>
        </image>
    </initialLayout>
</workArea>

image
image693×438 71.4 KB

1 Like
#7

Thank you! -

The project had Helium running which appears to add the additional margin. The CSS fix suggested by @adam5sbass worked in this case.

I appreciate your help.