Tracker disappears when using it with HTML.

Question

question

Felipe Capalbo asked May 28, '24 Logan Gold answered 9 hours ago

Tracker disappears when using it with HTML.

I am building a GUI and i'm looking foward to use a Tracker inside it.

When I use a "Display" to be refreshed by the Tracker value, as does to set an exact value to the Tracker, the following error occurs:

I set an exact value inside the display and the Tracker hides behind the HTML layer.

You can see it in the attached video.

This model was used to copy the refreshable structure (Tracker + Display):

trackergui.fsm

Software Version:

FlexSim 24.1.0

gui html tracker

2024-05-28-14-48-20.mp4 (697.7 KiB)

trackergui.fsm (25.7 KiB)

· 5

Jason Lightfoot ♦ commented · May 29 at 05:28 PM

Are you just putting that GUI as a GUI Class widget on a dashboard and then opening the model in the webserver?

0 ·

Felipe Capalbo Jason Lightfoot ♦ commented · Jun 03 at 02:43 PM

I am using the Tracker as a GUI widget. I also used the GUI HTML widget to enhance the visuals.

When a manually set a value on the refreshable display, the Tracker widget hides behind the HTML layer.

0 ·

Sam Stubbs ♦ commented · Jun 05 at 04:11 PM

Hey we tried to recreate the issue on our end, but were unable to. What steps did you take in the video above to get that result?

0 ·

Felipe Capalbo Sam Stubbs ♦ commented · Jun 05 at 06:16 PM

I will recreate the issue in a meta model and send here.

0 ·

Felipe Capalbo Sam Stubbs ♦ commented · Jun 12 at 06:41 PM

GUI_METAMODEL.fsm

Here it is. As you will be able to see, the HTML messup with the tracker.

0 ·

gui-metamodel.fsm (34.9 KiB)

Answer 1 · 2024-06-27T14:56:17Z

Logan Gold answered 9 hours ago

Hey @Felipe Capalbo, the issue is happening because the HTML control overlaps the tracker and edit controls, and there is no easy way to keep the HTML control in the "background". When you go to make certain changes, the HTML control gets the focus and obscures the other two controls, without a good way to bring focus back to the tracker control.

The easiest solution is to make sure the HTML control is sized so it does not overlap the other controls. If it's just a visual thing you want, you could probably add some elements around the tracker and edit controls. Just make sure nothing overlaps.

Otherwise, you might have better luck doing something similar in a Dashboard. It seems like the Dashboard has a better way to show widgets when things overlap (probably depending on how they are ranked in the tree); better than how the GUI builder displays overlapping controls.

question