Need help; I can’t hide small sidebar on my small breakpoint

[douzaines.polder-0v]

I follow the course as student Flexcamp from Gregory John ( super nice course that i’m really reccomand) but know I would like to CHALLENGE me and pimp and have two behaviors with the sidebar

1. When I switch from a large breakpoint to a small breakpoint, the behavior of the sidebar changes (“FG Brand sidebar (icon + text)” or “FG Brand Sidebar SM (icon)” + hidden in ‘Navbar’ burger menu)
2. When I click on the collapse/expand button of my sidebar, it displays the “FG Brand sidebar (icon + text)” or “FG Brand Sidebar SM (icon)”

I would like to have both behaviors in responsive.

My problem is: I can’t hide my “FG Brand Sidebar SM (icon)” on my small breakpoint and I don’t have any idea if my logic and process is correct or to complicated.

Can you help me please, check point 9 and 10 bellow in the A) The Design to view the problem. and follow my B) Process below

Thank you

A ) The Design

1. Default page, sidebar is open as default

2. When I switch de viewport to another breakpoint

3. When I switch de viewport to a medium breakpoint, sidebar is smaller

4. When i switch de viewport to a small breakpoint, sidebar is hide

5. When i swith de viewport to a smaller breakpoint, sidebar is hide

When i click on the button sidebar and drag the viewport to another breakpoint

6. Default page, sidebar is open as default

7. When I click on the button sidebar, then the sidebar is smaller

8. When I switch the viewpoort to a medium breakpoint, sidebar is smaller

Alert! How to hide the sidebar in small and smaller breakpoints?

9. When i switch de viewport to a small breakpoint, sidebar is NOT hide !

Alert! How to hide the sidebar in small and smaller breakpoints?

10. When i switch de viewport to a smaller breakpoint, sidebar is NOT hide !

B) Here my process.

I don’t know if I did things right or if it’s too complex and could be simplified.

1. I create a button “FG Collapse Brand Sidebar” and put on my “FG Brand Side Bar”. Click

2. Conditional FG Brand Side Bar

3. Click FG Navbar + Conditional FG Navbar

4. Click Group Home + Conditional Group Home

5. Click “FG Brand Sidebar SM” + Conditional

6. I put this button floating group “FG Expand Brand Sidebar” on my “FG Brand Side Bar SM”

7. Click here.

8. I add a custom state to show or hide the sidebar when I click on the “FG Expand Brand Sidebar” or “FG Collapse Brand Sidebar”

9. Workflow “FG Expand Brand Sidebar is clicked”

10. Workflow “FG Expand Brand Sidebar is clicked”

11. Workflow Click “Set states sidebar visible?.. of dashboard-m”

12. Workflow “FG Expand Brand Sidebar is clicked”

13. Workflow Click “G Collapse Brand Sidebar is clicked”

14. Workflow Click “G Collapse Brand Sidebar is clicked”

15. Workflow Click “Set states sidebar visible?.. of dashboard-m”

16. Workflow Click “G Collapse Brand Sidebar is clicked”

[boston85719]

have you reached out to the course creator?

[boston85719]

If you added a button I assume you used a workflow to hide it, which means you need a workflow to show it. I would imagine the creator of the course likely taught it to use conditions on the elements to make them visible or not.

[boston85719]

@douzaines.polder-0v

If you looked closely at my process

I did not

@douzaines.polder-0v

Thank you, I will try to get help in another way and by testing another solution. Sincerely

Just follow the way the course creator explained it, which again I assume is to use conditionals, and the reason why I assume the use of conditionals is because that is the best approach and other methods are not as optimal so no need to try something different there.

But either way, I already provided you the solution which is

@boston85719

If you added a button I assume you used a workflow to hide it, which means you need a workflow to show it.

So, setup the workflow action to use the show element workflow action, or setup conditionals as likely the course creator expressed.