Forum Discussion

BenWade_'s avatar
BenWade_
New Member
2 years ago
Solved

Adjust a report layout dynamically based on the collapsable slicer panel

Hi everyone🖐

I have created an expandable and collapsible slicer panel. The problem now is that when it is collapsed, half of the page is empty. Is there any way to make the report layout adjust dynamically based on the collapsible slicer panel? The KPIs on the left side need to fit the screen. Alternatively, it would be even better if the chart "Avg. Order Value" could move to the right side when the slicer panel is collapsed and move back when the slicer panel is expanded.

Thank you in advance

  • Hi BenWade_ ,

    Instead of leaving half the page without visualization, I suggest creating a slicer pane that will overlap the page. To make it stand out, you can use e.g. shadow for a box.
    Here's a simple inspiration, but you can modify it as you like: https://www.youtube.com/watch?v=94qRopgC_WY
    Thanks to this, you will not have to move the visualization dynamically.

     

    I also suggest using a grayed out box that will cover the rest of the page (transparancy: 50%) and make the slicer pane visible when it is turned on.

     

    If you have any further questions, feel free to ask.

     

    If I helped, accept the post as a solution and give a kudos. Thanks! 🙂 

     

     

     

1 Reply

  • lkalawski's avatar
    lkalawski
    Resident Rockstar

    Hi BenWade_ ,

    Instead of leaving half the page without visualization, I suggest creating a slicer pane that will overlap the page. To make it stand out, you can use e.g. shadow for a box.
    Here's a simple inspiration, but you can modify it as you like: https://www.youtube.com/watch?v=94qRopgC_WY
    Thanks to this, you will not have to move the visualization dynamically.

     

    I also suggest using a grayed out box that will cover the rest of the page (transparancy: 50%) and make the slicer pane visible when it is turned on.

     

    If you have any further questions, feel free to ask.

     

    If I helped, accept the post as a solution and give a kudos. Thanks! 🙂