# Need Help to Set Observable value from own ux:Class

**URL:** <https://forums.fusetools.com/t/need-help-to-set-observable-value-from-own-ux-class/7574>\
**Category:** How-to Discussions\
**Created:** [December 22, 2018, 12:12am UTC](https://forums.fusetools.com/t/need-help-to-set-observable-value-from-own-ux-class/7574 "2018-12-22T00:12:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![scotty2nd](https://avatars.discourse-cdn.com/v4/letter/s/35a633/32.png) [@scotty2nd](https://forums.fusetools.com/u/scotty2nd)\
**Post date:** [December 22, 2018, 12:12am UTC](https://forums.fusetools.com/t/need-help-to-set-observable-value-from-own-ux-class/7574/1 "2018-12-22T00:12:50Z")

</div>

Hello Everyone,  
i need your help. I have made new TextInput Class called EmailInput.  
In this EmailInput ux:Class i will set the status Observable in Context.js or the error Observable in RegisterPage.js but it don’t work.  
I expected the output is Error: test in RegisterPage.ux but it shows only the static Text Error and no Observable value.  
Now the question: How can i set the Observable value from my EmailInput ux:Class?

I have the following code:

RegisterPage.ux

```auto
<Page ux:Class="RegisterPage">
  <Router ux:Dependency="router" />
	
    <JavaScript File="RegisterPage.js" />

	<ScrollView Padding="20">
		<StackPanel>
		    <Text>RegisterPage</Text>

		    <Text Margin="0, 20, 0, 0">Mail:</Text>
		    <EmailInput />

		    <Text Margin="0, 20, 0, 0">Error:</Text>
		    <Text Value="{error}" />
		</StackPanel>
	</ScrollView>

	<TextInput ux:Class="EmailInput" Height="30" Padding="5" Value="{Property Text}">
	    <string ux:Property="Text" />
	    <bool ux:Property="IsValid" />

	     <JavaScript>
	      	  let RegisterPage = require("Pages/RegisterPage");
  	          let text = this.Text.value;
  	          
  	          //Not working
  	          RegisterPage.error.value = 'test';
  	          //Not working
  	          //RegisterPage.error.value = {error: 'test'};

  	          console.dir(RegisterPage.error.value);
	      </JavaScript>

	    <Rectangle CornerRadius="4" Layer="Background">
	        <Stroke ux:Name="stroke" Width="1" Color="#BBB" />
	    </Rectangle>

    	<WhileNotFocused>

	     <WhileContainsText>
	      	<WhileFalse Value="{Property IsValid}">
		     <Change stroke.Color="Red" />
		 </WhileFalse>

		  <WhileTrue Value="{Property IsValid}">
		      <Change stroke.Color="Green" />
		   </WhileTrue>
	      </WhileContainsText>

	    </WhileNotFocused>
	</TextInput>
</Page>

```

RegisterPage.js

```auto
let Context = require("Modules/Context");

let email = Context.user.map(function(x) { return x.email; }).inner();
let error = Context.status.map(function(x) { return x.error; }).inner();

module.exports = {
	email: email,
	error: error
};
```

Context.js

```auto
let Observable = require("FuseJS/Observable");
let Backend = require("./Backend");

let user = Observable();
let status = Observable();

module.exports = {
	Observable: Observable,

	user: user,
	status: status
};
```

---

<div class="post-metadata">

**Author:** ![Enrico](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/enrico/32/144_2.png) [@Enrico](https://forums.fusetools.com/u/Enrico)\
**Post date:** [December 27, 2018, 1:35pm UTC](https://forums.fusetools.com/t/need-help-to-set-observable-value-from-own-ux-class/7574/2 "2018-12-27T13:35:31Z")

</div>

You must create a `function` that sets the `value` of the Observable:

```
function setStatusValue() {
    status.value = true;
};

```

and then call the function in UX:

```
<Callback Handler="{setStatusValue}" />
```