Include a reusable component conditionally

UI Builder
1

Is it possible to include a reusable component conditionally based on device? The toggle visibility feature solves the issue as far as functionality is concerned. However, the block or container stays in the page as a blank object and looks odd. You can always make out something is hidden in the page with cursor. Take the case of example screen shot. You can easily figure out the bottom of the page has a hidden component.

Screen Shot 2022-11-02 at 11.30.34 PM
Screen Shot 2022-11-02 at 11.30.34 PM2880×1234 480 KB

2

Hi @Ariv_Sahoo

How do you hide your reusable component?

3

Here is a screen shot of my code. I first assign a Id to the block and use the Toggle Component Visibility from UI Builder.

Screen Shot 2022-11-03 at 9.02.16 AM
Screen Shot 2022-11-03 at 9.02.16 AM1674×756 64 KB

Thanks,
Ariv

4

Please ignore this issue. After I put both divider and bottomPanelContainer inside another block and applied the logic of component visibility to the block itself, it solved the issue.