Localization problem

General
1

Hi,

I’m trying to localize my application. But the variable value appears blank. Where am I doing wrong?

Main.JS

...
...

var language  = Observable("tr");

...
...

module.exports = {
    ...
    ...

    language: language,

    ...
    ...
}

```

`Localization.ux`

```ux
<Panel>
    <StateGroup Active="{language}">
        <State Name="tr">
            <ResourceString Key="SignIn"     Value="Giriş"/>
            <ResourceString Key="SignUp"     Value="Kaydol"/>
            <ResourceString Key="Dashboard"  Value="Ana Menü"/>
            <ResourceString Key="Logout"     Value="Çıkış"/>
        </State>
        <State Name="en">
            <ResourceString Key="SignIn"     Value="Sign In"/>
            <ResourceString Key="SignUp"     Value="Sign Up"/>
            <ResourceString Key="Dashboard"  Value="Main Menu"/>
            <ResourceString Key="Logout"     Value="Logout"/>
        </State>
    </StateGroup>
</Panel>

```

`SignIn.ux`

```ux
<ux:Include File="config/Localization.ux" /> 
<Panel>
  ...
  ...

  <Rectangle Width="345" Height="60" Color="startYellow" CornerRadius="5" IsEnabled="{areCredentialsValid}">
    <Text Font="AvenirLight" Alignment="HorizontalCenter" TextColor="black" 
        Margin="0,18" FontSize="16" Value="{Resource SignIn}" />
  </Rectangle>

  ...
  ...
</Panel>

```
2

Hi,

I solved the problem. Reason of problem NODE sequence. Following codes works!

Localization.ux

<StateGroup Active="{language}">
    <State Name="tr">
        <ResourceString Key="SignIn"    Value="Giriş"/>
        <ResourceString Key="SignUp"    Value="Kaydol"/>
        <ResourceString Key="Dashboard" Value="Ana Menü"/>
        <ResourceString Key="Logout"    Value="Çıkış"/>

        <ResourceString Key="FriendEmail" Value="arkadaşınızın e-posta adresi"/>
    </State>

    <State Name="en">
        <ResourceString Key="SignIn"    Value="Sign In"/>
        <ResourceString Key="SignUp"    Value="Sign Up"/>
        <ResourceString Key="Dashboard" Value="Main Menu"/>
        <ResourceString Key="Logout"    Value="Logout"/>

        <ResourceString Key="FriendEmail" Value="your friends email"/>
    </State></StateGroup>

SignIn.ux

<Panel>
  ...
  ...

  <Rectangle Width="345" Height="60" Color="startYellow" CornerRadius="5" IsEnabled="{areCredentialsValid}">
    <Text Font="AvenirLight" Alignment="HorizontalCenter" TextColor="black" 
        Margin="0,18" FontSize="16" Value="{Resource SignIn}" />
  </Rectangle>

  ...
  ...
</Panel>

MainView.ux

<App Theme="Basic">
    <FuseJS.Push ux:Global="Push" />
    ...
    ...

    <DockPanel Color="defBackground_lightPink">
        <Style>
            <Page>                <EnteringAnimation>
                    <Move X="-1" RelativeTo="ParentSize" />
                </EnteringAnimation>
                <ExitingAnimation>
                    <Move X="1" RelativeTo="ParentSize" Duration="0.3" DurationBack="0.5" />
                </ExitingAnimation>
            </Page>
        </Style>

        <ux:Include File="config/Localization.ux" />
        ...
        ...
        ...
        ...
</App>