# Clicked --\> Set with Value "{myObservable}" fails?

**URL:** <https://forums.fusetools.com/t/clicked-set-with-value-myobservable-fails/4493>\
**Category:** How-to Discussions\
**Created:** [November 6, 2016, 10:13pm UTC](https://forums.fusetools.com/t/clicked-set-with-value-myobservable-fails/4493 "2016-11-06T22:13:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ted.ekeroth](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@ted.ekeroth](https://forums.fusetools.com/u/ted.ekeroth)\
**Post date:** [November 6, 2016, 10:13pm UTC](https://forums.fusetools.com/t/clicked-set-with-value-myobservable-fails/4493/1 "2016-11-06T22:13:03Z")

</div>

I have a button and a textview as below:

```auto

<TextView ux:Name="tv1" Value="{timelineProgress}" TextColor="#fff" Width="50" Height="20" Alignment="TopLeft"/>

<MyButton ux:Name="btnStart" Text="START" Width="100" Height="100">
		<Clicked>
			<Set tv1.Value="{timelineProgress}" />
		</Clicked>
	</MyButton>

```

and the timelineProgress is an Observable:

```auto
var timelineProgress = Observable(function()
    	{
			return "Test 1";
		});

module.exports = {
		    timelineProgress : timelineProgress
		};

```

When I first start the app, I see:

![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/BIt2eZgEJIV5-image-1478470306730.png)

but when I press the button, I get this:

![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/zbhWA9HTvNlV-image-1478470322050.png)

Why? Shouldnt it still stay “Test 1”?

---

<div class="post-metadata">

**Author:** ![ted.ekeroth](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@ted.ekeroth](https://forums.fusetools.com/u/ted.ekeroth)\
**Post date:** [November 6, 2016, 10:26pm UTC](https://forums.fusetools.com/t/clicked-set-with-value-myobservable-fails/4493/2 "2016-11-06T22:26:57Z")

</div>

So, if Im guessing correctly:

The Set updates the “Value”, and the Value points to the observable, and sets it to the string  
“{timelineProgress}”  
instead of updating it?

How do I reference an observable then? Lets say I have another observable, o2, that I want the tv1 to display? How do I do that in a click event?

---

<div class="post-metadata">

**Author:** ![Vegard\_Strand\_Lende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vegard_strand_lende/32/349_2.png) [@Vegard\_Strand\_Lende](https://forums.fusetools.com/u/Vegard_Strand_Lende)\
**Post date:** [November 10, 2016, 2:11pm UTC](https://forums.fusetools.com/t/clicked-set-with-value-myobservable-fails/4493/3 "2016-11-10T14:11:21Z")

</div>

From reading your code I think you would rather implement the behavior in JS.

For example:

```auto

<JavaScript>
	var timelineProgress = Observable();

	var start = function() {
		// Update timelineProgress here
	};

	module.exports = {
		timelineProgress:timelineProgress,
		start:start
	}

</JavaScript>

<TextView ux:Name="tv1" Value="{timelineProgress}" TextColor="#fff" Width="50" Height="20" Alignment="TopLeft"/>
<MyButton ux:Name="btnStart" Text="START" Width="100" Height="100" Clicked="{start}">

```