# Creating native controls

**URL:** <https://forums.fusetools.com/t/creating-native-controls/5137>\
**Category:** General\
**Created:** [June 7, 2016, 7:03pm UTC](https://forums.fusetools.com/t/creating-native-controls/5137 "2016-06-07T19:03:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marcelo\_Alves](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/marcelo_alves/32/86_2.png) [@Marcelo\_Alves](https://forums.fusetools.com/u/Marcelo_Alves)\
**Post date:** [June 7, 2016, 7:03pm UTC](https://forums.fusetools.com/t/creating-native-controls/5137/1 "2016-06-07T19:03:19Z")

</div>

I’m trying to implement a custom native control, however, the examples contained in [https://www.fusetools.com/docs/native-interop/native-ux-components](https://www.fusetools.com/docs/native-interop/native-ux-components) don’t work. I can compile the file `.uno` containing the `MySlider` component (for Android), but when I add the following snippet :

```auto
namespace MyWrappers.Android
{
    extern(!Android) public class MySlider: LeafView
    {
        public float Value { get; set; }
    }
}

```

the following message appears : `There is nothing named 'LeafView' accessible in this scope. Did you perhaps misspell 'ILeafView' (as in 'Fuse.Controls.Native.ILeafView')? Could you be missing a package reference?`

Fine, the documentation is wrong. After fixing it, the next `uno build -t android` gives me the following:

```auto
> uno build -t android

Uno 0.29.20 (build 2873) OS X 10.11 i386 eb56555

Configuring
MainView.ux(6): E8001: Fuse.Controls.PropertyBinding`1<float> cannot be used here, because there are no suitable parent nodes in this scope.
MainView.ux(6): E8001: 'MySlider does not expose a bindable property called 'AndroidTemplate'
MainView.ux(9): E8001: 'MySlider does not expose a bindable property called 'GraphicsTemplate'
(6.98s)

Build completed in 6.98 seconds.
    0 Warning(s)
    3 Error(s)

```

The `MainApp.ux` is below:

```auto
<App>
    <StackPanel>
        <Control ux:Class="MySlider">
            <float ux:Property="Value" />

            <MyWrappers.Android.MySlider ux:Generate="Template" ux:Binding="AndroidTemplate" Value="{Property this.Value}" />
        <!-- <MyWrappers.iOS.MySlider ux:Generate="Template" ux:Binding="iOSTemplate" Value="{Property this.Value}" /> -->

            <Text ux:Generate="Template" ux:Binding="GraphicsTemplate">
                MySlider is not available in this context.
            </Text>
        </Control>

        <Text> HEY! </Text>

    </StackPanel>
</App>

```

So, what should I do to implement a native control?

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [June 13, 2016, 11:53am UTC](https://forums.fusetools.com/t/creating-native-controls/5137/2 "2016-06-13T11:53:05Z")

</div>

Hi!

The docs have now been updated, please replace

```auto
ux:Generate="Template" ux:Binding="AndroidTemplate"

```

With

```auto
ux:Template="AndroidAppearance"

```

And similarly for `iOSAppearance` and `GraphicsAppearance`