Page 1 of 1

Text with inset text buttons.

Posted: Tue Mar 22, 2022 11:37 pm
by Howard
Hello,
I would very much appreciate some assistance with a new skin problem for which I cannot seen to find a solution. If you could please take a look at this:

https://voicesfromthedawn.com/wp-conten ... lPalaceVR/

you will see that I've tried to insert (in red) the words "HERE" as clickable buttons to control the VR's variables. But the words (different layers on the skin tree) only coincide with the blank spots when the browser size is exactly the same as when I created the skin.

I know there must be some simple solution to this, but I have't found it yet.

The project file and the skin are attached in an archive.

Thank you.

Re: Text with inset text buttons.

Posted: Wed Mar 23, 2022 2:54 pm
by Hopki
Hi,
It would be better to add your Support Package as found under the Help menu, the project file on its own does not help and we would need the skin file, the .ggsk file.
However, I understand the issue a scaling text box will not work with a text element over it as all things will move and misalign.

You would be better giving the main text but the action, prompting the viewer to click it.
You can use inline CSS formatting to change the text colour of a single word.

Code: Select all

This is black and this is <span style="color: red">Red</span>
The above produces this:
Screenshot 2022-03-23 at 13.40.52.png
Screenshot 2022-03-23 at 13.40.52.png (56.2 KiB) Viewed 1594 times
Then as said, make all the text box clickable. You could even say Double click to... and give it a source action of double click to stop any premature clicking.
Regards,

Re: Text with inset text buttons.

Posted: Wed Mar 23, 2022 3:05 pm
by Howard
Thanks, Hopki, I'll take a look at this. BTW, my attached archive included both the project file and the skin.
Howard

Re: Text with inset text buttons.

Posted: Wed Mar 23, 2022 3:08 pm
by Howard
The problem is that the paragraph includes four different words that each require a (different) action. While the CSS would easily make each of the words red, I would need a way to make them each trigger a different action.

Thanks!

Re: Text with inset text buttons.

Posted: Thu Mar 24, 2022 4:46 pm
by Howard
Thanks anyway, but I found an easier way to accomplish what I wanted by incorporating the text into the VR image, and then making custom hotspots for each highlighted word.

https://voicesfromthedawn.com/wp-conten ... lPalaceVR/