How to make panel or page invisible after certain period of time

How-to Discussions
1

Hi.
I have a question regarding visibility of panel/page. I found how to make panel/page visible with toggle from the document. My question is how to make it invisible again or go to another page after certain period of time without clicking a button. I have tried it with javascript, Timer, but it just goes to the another page after time that I have set.
Is there any way to do it in fusetools?

2

Hi 0427hjy

I think you need yo use WhileTrue to accomplish what you need

<JavaScript>
	var Observable = require('FuseJS/Observable');

	var showPanel = Observable(true);
	// hide after 3 seconds
	setTimeout( function(){
	    showPanel.value = false;
	},3000 );

	module.exports = {
		showPanel : showPanel
	}
</JavaScript>

<WhileTrue Value="{showPanel}">
	<!-- what you need to hide here -->
	<Panel>

	</Panel>
</WhileTrue>

I hope my answer helps you. Best Wishes