GithubHelp home page GithubHelp logo

Comments (4)

mortoray avatar mortoray commented on August 15, 2024 1

@kristianhasselknippe Yes, that's why I'm leaving this issue open as a defect. The context can be easily determined from the target page.

from fuselibs.

mortoray avatar mortoray commented on August 15, 2024

Target here is the target page for NavigateToggle, but you also need to specify the navigation context. With EdgeNavigator this is a bit tricky since it isn't a navigation object itself. But, if really needed you can do:

                <MainContent ux:Template="mainContent" sideMenu="sideMenu" edgeNav="edgeNav" />

And then:

<Page ux:Class="MainContent">
    <SideMenu ux:Dependency="sideMenu" />
    <EdgeNavigator ux:Dependency="edgeNav" />

    <Button Text="Show menu" Navigation="{Property edgeNav.Navigation}">
        <Clicked>
            <NavigateToggle Target="sideMenu" />
        </Clicked>
    </Button>

</Page>

It's possible to put the context directly on the toggle as well:

        <NavigateToggle  NavigationContext="{Property edgeNav.Navigation}" Target="sideMenu" />

This issue is now for making the navigation context implicit if a Target page is provided. Though I'm uncertain of priority since I don't think this is a good way to do things. I find it much cleaner to expose a Open, Toggle or Close UserEvent that do this. The lower-level UX shouldn't be so tightly bound to the high-level objects.

from fuselibs.

mortoray avatar mortoray commented on August 15, 2024

This issue is likely part of a bigger EdgeNavigator cleanup. It suffers from many small problems now. Search the old issue system.

from fuselibs.

kristianhasselknippe avatar kristianhasselknippe commented on August 15, 2024

@mortoray: Could NavigateToggle just use the navigation context of the element it is working on?

from fuselibs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.