Page 1 of 1

HTML5 objects with multiple actions

Posted: 13 Jun 2018, 05:25
by Andy Dowse
In my HTML5 publication, I want to create a panel that is hidden initially, but appears when the user clicks on a button.

I then want to be able to close that panel with another click once the user has finished reading its contents.

I am struggle to make this work with the hide and show object in the HTML5 options.

Is this achievable. If so, can someone explain where I'm going wrong.

Re: HTML5 objects with multiple actions

Posted: 14 Jun 2018, 09:31
by srmareedu
Hi Andy,
1. Select the panel and give a name to it in HTML5 palette by enabling Initially Hidden as shown below.
One.PNG
One.PNG (32.84 KiB) Viewed 125 times
2. Select other box and convert it as Button and apply show/Hide object as shown below
Two.PNG
Two.PNG (28.76 KiB) Viewed 125 times

Re: HTML5 objects with multiple actions

Posted: 14 Jun 2018, 10:15
by Andy Dowse
Brilliant! That worked just they way I wanted.

I didn't realise you could name objects without actually assigning an HTML attribute to them.

Thanks.