Edit Webserver DOM for instance

Question

question

Alex-Adrian asked Nov 7, '24 Logan Gold answered 10 hours ago

Edit Webserver DOM for instance

Where could we access the code files that are generated upon an instance creation for the webserver query?
webserver_question.png

I looked through the model tree and could find the default page template, but could not correlate how the graphs and tables are generated and sent to the client. (the screenshot is from MODEL:/proj/exec/globals/serverinstance.)

We would like to be able to debug and change the style of rendered elements in an instance view. Particularly the width and positioning the DOM elements (as you can see in the first screenshot, the graphs are rendered awkwardly, without the ability to expand to full screen width the rendered dashboard view)

Software Version:

FlexSim 24.2.1

flexsim webserver

1730973153708.png (80.4 KiB)

1730973799889.png (161.1 KiB)

5 |100000

Attachments: Up to 12 attachments (including images) can be used with a maximum of 23.8 MiB each and 47.7 MiB total.

Answer 1 · 2024-11-20T19:58:36Z

Logan Gold answered 10 hours ago

You may already know about this, but you can override the default page to customize what is displayed in a web browser. If you look in the Default Page section of Developing Custom Web Interfaces, you can see how to do that.

In FlexSim 24.2 (and probably other versions), line 320 of the page template calls the dashboard's generatedHTMLLayout. This function loops over the charts/widgets and adds some HTML. You would need to loop over the charts to get that HTML, but I believe you can change the layout code to do what you're trying to do.

5 |100000

Attachments: Up to 12 attachments (including images) can be used with a maximum of 23.8 MiB each and 47.7 MiB total.

question