Skip to main content
M
MarkMeader
Newcomer
October 13, 2022
Solved

Background images on Dashboards

  • October 13, 2022
  • 1 reply
  • 0 views

Looking for some advice on the best way to incorporate a background image on a dashboard.

Say for example you want to have a nice Splash screen that has a nice background image that fills the whole dashboard. Layered on top of that dashboard could be a label and a few buttons taking user to other dashboards.

I can see its possible to add background color to a dashboard in formatting settings but not an image

Best answer by JackLacava

Set your dashboard layout as Canvas, then add an Image component, with Dock Position set to Left. Then add the other component docked where you want them (i.e. use absolute positioning with Left and Top). You might want to play with Display Format options on the Image to achieve the perfect result.

1 reply

J
OneStream Employee
JackLacavaOneStream EmployeeAnswer
OneStream Employee
October 13, 2022

Set your dashboard layout as Canvas, then add an Image component, with Dock Position set to Left. Then add the other component docked where you want them (i.e. use absolute positioning with Left and Top). You might want to play with Display Format options on the Image to achieve the perfect result.

    R
    RoryCraggs
    Newcomer
    October 26, 2022

    This was very helpful, thank you.


    Is there a way to dynamically set the width and height of a canvas dashboard layout to fill the screen?  I could only get this to work by hardcoding the width and height of the Image component, with Dock Position set to Left. This works fine on one screen but if the dashboard is opened on a smaller screen then I need to scroll in order to see the full image.
    Couldn't find a solution using the Display Format options of the Image either.

    J
    OneStream Employee
    JackLacavaOneStream Employee
    OneStream Employee
    October 31, 2022

    Sadly I don't know a way to achieve that sort of resizing. We don't have access to the size of the screen. Hopefully this will be addressed by the new UI system currently being tested.

    Terms & ConditionsAccessibility statement