How to change background image

Support
#1

Hi,
how to change background image.

How to set as background for after that login page.

back%20ground-2.

#2

Hi, please find the answer here: Background Image for an application? - CUBA.Platform

#3

Hi Olga,
I will set a Vbox container inside the layout.But layout is separated.

#4

To set the background image for the container, create a CSS style for vBox, for example:

@mixin halo-ext {
  @include halo;

  .custom-style-vbox {
    background: url(images/sample-image.png);
    background-repeat: no-repeat;
    background-position: center center;
  }
}
1 Like
#5

Hi Olga,
This custom style where i will define to do Style.scss (or) halo-ext-default.scss (or) halo-ext.scss.

#6

halo-ext.scss, see more details here.

#7

Hi Olga,
when i will set as back ground image in halo-ext-scss. Change as not happening.

1.Normal after that admin login screen.
Untitled%20bk.

2.This is my code.
bk%20code.

3.after execution where it is back ground changes is happen that place mark.but back ground image is not visible.
bk%20doudt2

give me suggestions,

thank you

#8

I know this is old, but I came across it. If you just want a BG image in the WorkArea, this is easily done with Cuba Studio.
Just Extend the screen, and add an image element.

image

image