Edge Navigator and DirectNavigator in 0.20

General
1

Hi guys,

First of all, fantastic work with 0.20 version, so cool!

But I have a problem (maybe 2) to fix my app (0.12) with the new version of Fuse.

I have an Home page with an EdgeNavigation and a DirectNavigation (with the upgrade, app dont works correcty). If i delete them, my app works.

I was wondering why these Navigators still exist in 0.20.

Anyone can help? thanks!

2

Hi!

Thanks for the feedback! Are you able to share the UX code in question? Then I can have a look at it :slight_smile:

3

this is my code!


<DockPanel ux:Class="Homepage">
<!-- PAGE CLASS -->
<Page ux:Class="AnimatedPageApp">
        <EnteringAnimation>
            <Move X="1" RelativeTo="ParentSize" Duration="0.5" Easing="CubicIn"/>
        </EnteringAnimation>
        <ExitingAnimation>
            <Move X="1" RelativeTo="ParentSize" Duration="0.5" Easing="CubicIn"/>
        </ExitingAnimation>
</Page>

<!-- HEADER CLASS -->

<Panel ux:Class="Header" Height="50" ux:Name="self">
  <string ux:Property="PageTitle" />
  <DropShadow />
  <SolidColor ux:Name="BackgroundColorHeader" Color="#006666" />
  <Panel>
    <Panel HitTestMode="LocalBounds" Alignment="Left" Padding="20">
    <Clicked>
      <Callback Handler="{openMenu}" />
      <!-- <Set EdgeNavigator.Active="menu" /> -->
    </Clicked>

      <Rectangle ux:Name="topRectangle" Height="2" Width="25" Fill="#FFF">
        <Translation Y="-7" ux:Name="topMenuTranslation" />
        <Rotation ux:Name="topMenuRotation" />
      </Rectangle>
      <Rectangle ux:Name="middleRectangle" Height="2" Width="25" Fill="#FFF" />
      <Rectangle ux:Name="bottomRectangle" Height="2" Width="25" Fill="#FFF">
        <Translation Y="7" ux:Name="bottomMenuTranslation" />
        <Rotation ux:Name="bottomMenuRotation" />
      </Rectangle>
      </Panel>

    <Text Value="{Property self.PageTitle}" Alignment="VerticalCenter" TextAlignment="Center" TextColor="#FFF"/>

  </Panel>

</Panel>

<JavaScript File="home.js" />

<DockPanel ux:Name="Principal">
<StatusBarBackground Dock="Top" />
<EdgeNavigation ux:Name="EdgeNavigator" Active="{Active}" />

<Sidebar Width="70%" ux:Name="menu" Edge="Left" Alignment="Left">
  <EnteringAnimation>
    <Move X="-1" RelativeTo="Size" Easing="ExponentialInOut"/>
  </EnteringAnimation>
</Sidebar>

<!--
  <SwipingAnimation Source="swipeRight">
  <Set EdgeNavigator.Active="menu" />
  </SwipingAnimation>
  <SwipingAnimation Source="swipeLeft">
  <Set EdgeNavigator.Active="Principal" />
  </SwipingAnimation>
-->

<!--
<WhileInactive>
<Change sfondo.Color="#0007" Duration="0.2"/>
</WhileInactive>
-->
  <!-- <Panel ux:Name="sfondo" /> -->
  <Panel>
  <DirectNavigation ux:Name="PrincipalNav" Active="{currentPageHandle}"/>

  <AnimatedPageApp ux:Name="Account">
    <Header Alignment="Top" PageTitle="Account"/>
    <SolidColor Color="#FFF" />
    <Account />
    <WhileActive>
      <BringToFront />
    </WhileActive>
  </AnimatedPageApp>

  <WhileWindowLandscape>
    <Change imgbto.Width="80"/>
  </WhileWindowLandscape>

  <AnimatedPageApp ux:Name="Home">
    <Header Alignment="Top" PageTitle="Home"/>
    <SolidColor Color="#FFF" />

      <Image ux:Name="imgbto" File="icons/my_icon.png" Margin="0,100,0,0" Alignment="Top" Padding="20" Width="150"/>

    <WhileActive>
      <BringToFront />
    </WhileActive>
  </AnimatedPageApp>

  <AnimatedPageApp ux:Name="EventsList">
    <EventsList />
    <WhileActive>
      <BringToFront />
    </WhileActive>
  </AnimatedPageApp>

  <AnimatedPageApp ux:Name="Reports">
    <Reports />
    <WhileActive>
      <BringToFront />
    </WhileActive>
  </AnimatedPageApp>

  <AnimatedPageApp ux:Name="Books">
    <Books />
    <WhileActive>
      <BringToFront />
    </WhileActive>
  </AnimatedPageApp>

  <AnimatedPageApp ux:Name="Infographics">
    <Infographics />
    <WhileActive>
      <BringToFront />
    </WhileActive>
  </AnimatedPageApp>

  <AnimatedPageApp ux:Name="Contacts">
    <Header Alignment="Top" PageTitle="Contacts"/>
    <SolidColor Color="#FFF" />
    <Contacts />
    <WhileActive>
      <BringToFront />
    </WhileActive>
  </AnimatedPageApp>

  </Panel>
  </DockPanel>
<BottomBarBackground Dock="Bottom"/>
</DockPanel>