Custom HTML5 title for WebVisu

2020-04-23T15:04:33.509000Z

check this example here:
https://forge.codesys.com/forge/talk/Runtime/thread/04361f89ec/?limit=25&page=1#75e1

Custom HTML5 title for WebVisu

2020-04-22T08:13:39.685000Z

Hello @dmitryy,

yes, that should work!

Best regards,
Marcel

Custom HTML5 title for WebVisu

2020-04-22T08:10:04.299000Z

Hello @m.prestel,
I have checked this, it works. Very good workaround, big thanks!

Do you think if it is theoretically possible to modify these files from IEC application, using CAA FILE library?

Custom HTML5 title for WebVisu

2020-04-22T07:00:04.385000Z

Hello @dmitryy,

you can achieve this the following way:
Copy your webvisu.htm and rename it to title.htm
Copy your webvisu.cfg.json and rename it to title.cfg.json
(You will have to do this every time you change something in the webvisualization object below the visualization manager or in the visualization manager itself).

Then add an <title></title> tag to your title.htm in the .
In the of your title.htm add the following code (based in https://stackoverflow.com/a/29540461)

    <script>
        // select the target node
var target = document.querySelector('title');

// create an observer instance
var observer = new MutationObserver(function(mutations) {
    // We need only first event and only new value of the title
    if (mutations[0].target.text !== "hugo") {
    document.title = "hugo";
    }
});

// configuration of the observer:
var config = { subtree: true, characterData: true,childList: true };

// pass in the target node, as well as the observer options
observer.observe(target, config);
</script>

Adjust "hugo" to the title you wish to have.

Attached you can see the full title.htm I used for testing.

However I still added an improvement.

Best regards,
Marcel

Custom HTML5 title for WebVisu

2020-04-21T21:13:39.352000Z

Hello,
I want to show custom, or "nice looking" title in browser's webpage. By default, it shows name of visualization. Please look at screenshot attached to understand what i want to achieve.
I guess that it's not possible in easy way.
One way I can imagine is to change the .htm file in PLC, and add to it additional script to overwrite the title, but i will have to change the file every time after online change, or full download of PLC program...
Anyone have ideas?

Recent posts to Custom HTML5 title for WebVisu

Custom HTML5 title for WebVisu

Custom HTML5 title for WebVisu

Custom HTML5 title for WebVisu

Custom HTML5 title for WebVisu

Custom HTML5 title for WebVisu