Forum Discussion

MarkMeader's avatar
MarkMeader
New Contributor III
3 years ago

Background images on Dashboards

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

Dashboards
  • JackLacava's avatar
    JackLacava
    3 years ago

    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.

  • JackLacava's avatar
    JackLacava
    Honored Contributor
    3 years ago

    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.

    • RoryCraggs's avatar
      RoryCraggs
      New Contributor
      3 years ago

      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.

      • JackLacava's avatar
        JackLacava
        Honored Contributor
        3 years ago

        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.

    • WernerN's avatar
      WernerN
      Contributor
      2 years ago

      Thank you Jack for posting your advice.  But embarrassed to admit that i have tried to figure out forever how to do that.  Canvas never came to mind. Maybe time for me to go beyond Grid layout :D.

    • TGG_Alex's avatar
      TGG_Alex
      Contributor
      2 years ago

      Some food for thought:

      If, like many other places, the dimensions of the dashboard component can accept XFBR or parameter, then you could potentially call upon VB.net to obtain the screen sizes and make it dynamic since it is part of the Screen Class:

      Dim screenWidth as Integer = Screen.PrimaryScreen.Bounds.Width
 Dim screenHeight as Integer = Screen.PrimaryScreen.Bounds.Height

      Sadly, we tried, and it seems those fields are still waiting for a "number" instead of accepting XFBR or parameter.

      Cheers,

      A.

       

      • DanielWillis's avatar
        DanielWillis
        Valued Contributor
        2 years ago

        Think the challenge is you don't really want to lock it to a size, you want it to resize dynamically on and after load as windows and panels are resized. I believe the provided solution is the only way although it is not ideal and somewhat limiting. Feels like there is an easy win for the devs to just allow for a dashboard component (and perhaps some other components) to have a background image property.