Sidebar closing issue

How-to Discussions
1

Hey,

I need help to close my sidebar with a click on a menu item inside the sidebar. Ive already seen this one https://www.fusetools.com/community/forums/howto_discussions/how_to_open_and_close_sidebar_programaticaly?page=1

but it couldnt help me very much.

Sooo, I know that the sidebar starts opened, for this testcase it is exactly how I want it to be. When I push on the button which is declared inside the sidebar my page(content) changes as requested. It even goes into the javascript function and changes the string into an empty one, but the sidebar doesnt change its Active state into nothing. That means maybe the string does, but it shows no reaction.
Anyway, this is my code Ive written so far:

<App Theme="Basic">

    <EdgeNavigator ux:Name="EdgeNavigator"  Active="{activePage}">
        <JavaScript>
            var Observable = require("FuseJS/Observable");
            var activePage = Observable("menu");

            function deactivateMenu() {
                activePage="";
                debug_log(activePage);    //This is for testcases, if the buttonpush works at all
            }

        module.exports = {
            activePage: activePage,
            deactivateMenu: deactivateMenu
        };
        </JavaScript>
        <!-- Add a panel to the left edge -->
        <Sidebar Width="250" ux:Name="menu" EdgeNavigation.Edge="Left">
            <ActivatingAnimation>
                <Change mainAppTranslation.X="250" />
                <!-- Change to cross out -->
                <Change topMenuTranslation.Y="0" />
                <Change bottomMenuTranslation.Y="0" />
                <Change middleRectangle.Opacity="0" Easing="CircularOut" />
                <Change topMenuRotation.Degrees="45" Easing="ExponentialIn" />
                <Change bottomMenuRotation.Degrees="-45" Easing="ExponentialIn" />
                <Change topRectangle.Width="28" />
                <Change bottomRectangle.Width="28" />
            </ActivatingAnimation>
            <StackPanel>
        <Button ux:Name="home" Alignment="Left" Width="250" Opacity="1" IgnoreStyle="true"
                        Padding="20,0,0,0" Height="50" HitTestMode="LocalBounds" Clicked="{deactivateMenu}">

                    <StackPanel Orientation="Horizontal">

                        <Image File="assets/icon/Chat.png" Height="20" Color="#fff" Dock="Left"/>
                        <Text TextAlignment="Center" Alignment="Center" Margin="10,0,0,0"
                              FontSize="20" TextColor="#fff" Dock="Right">HOME</Text>
                    </StackPanel>
                            <Tapped>
                    <Scale Factor="2" Duration="0.2"/>



                </Tapped>
                <Clicked>
                        <Set myPages.Active="page2" />
                        <Change EdgeNavigator.Active="{activePage}" />
                </Clicked>
        </Button>
        ...
2

anybody please help to solve this

3

Did you try the suggestion here? https://www.fusetools.com/community/forums/howto_discussions/how_to_open_and_close_sidebar_programaticaly?page=1

If you did and it still doesn’t work then please share the relevant part of your code so that we can work out what goes wrong.

4

thanks…