Need help regarding this case.
I have used Piechart Custom Widgets in my EMSE project, and I want to display in "Internet Explorer" by Thin Client.
but it shows up like the picture below.
I have add some MIME type in my IIS like *wjson that somes say it will works, but for me still failed.
Hi Budimanc, so does the widget appear in a Google Chrome web browser but not in the Internet Explorer? Or does it not sure up on any browser?
If it does not show up on any browser - can you check to see if source files are located in the Project/WEB folder? Should be a folder labeled Widgets.
something like this ProjectName\Web\Widgets
Dear @TomDroll ,
Sorry for late reply.
Just been back for business duty.
Here i attach the file in my project folder.
It doesnt show up in Internet Explorer browser,
I didnt think on Chrome or any browser can use this thin client.
Waiting for your reply soon.
Hi Budimanc - you are correct, web thin client only works with Internet Explorer web browser. What I was wondering is if the widget appears on mobile access. this would tell us the web server is serving it correctly. If it works with mobile access, could it be as simple as the security settings in Internet Explorer allowing java script?
I have did what you have told me, but seems it still didn't work.
I think should be this one right?
I dont know whether this one has an issue for Piechart in thin client.
Hi @budimanc - can you check if the widget appears in your MA client. this will help us decide where to start troubleshooting, If you cant, or that screen is not accessed via MA - can you browse to the folder where the widget is located from your external client?
Actually i have not make MA client, still figure out how to create mobile access client but still not succeeded.
I will reply soon if i have create MA client.
Hi budimanc, before we go further troubleshooting - did you look at this in the help file?
To configure the web server for custom widgets:
C:\Users\<user name>\Documents\EcoStruxure Machine SCADA Expert v8.1 Projects\<project name>
By default, the web server only has permission to access the files in the website's own physical path. This is to ensure that visitors to the website do not have unauthorized access to the rest of the computer. Therefore, if you create a virtual directory that points to a location outside of the website's physical path, you need to give the web server permission to access that location.
The next thing to do would be to install the Custom Widget Framework on the client PC. This is located in the install folder (C:\Program Files (x86)\Schneider Electric\EcoStruxure Machine SCADA Expert v8.1\Redist\CustomWidgetFramework)
Install the Custom Widget Framework on a client station
If your project screens include custom widgets, you might need to install Custom Widget Framework on some client stations to enable them to properly display the widgets.
This task applies only to stations on which you have already installed either EcoStruxure Machine SCADA Expert Thin Client or EmbeddedView — in other words, stations that are using either Secure Viewer or Web Thin Client to view your project.
Stations that are viewing your project through Mobile Access do not need to have Custom Widget Framework installed, because custom widgets are HTML5-based screen objects that can be displayed normally in the web browser.
Take a look at this 2 things and let us know.
I have done read the help and did per your instructions, the result still the same.
Hereby i attached the pics what we have done.
Need another guide from you again.
Thx a lot.
Are you able to attach the index.html file?
I'm not really seeing anything that would generate dynamic content from what you've posted so far.
I'm almost expecting the index.html file to simply reference the favicon.png.. without doing anything else 😉
In which case it's working exactly as designed 😄
I would actually like to put money on it that your index.html file is as below
<!DOCTYPE html> <html style="overflow: hidden;"> <head> <script src="../Resources/Apis/Proxy.js"></script> <script src="./custom_widget.js"></script> <title>piechart</title> </head> <body> <div style="width:96vw;height:95vh;background-color:white;textalign:center;vertical-align:middle;line-height:98vh;border:solid;borderwidth:thin;border-color:#e6e9eb"> <div> <img src="../Resources/Images/HTML5.png" style="width:32px;height:32px"/> <p></p> <div style="height: 64px; top: 28px; width: 100%; position: absolute;">piechart</div> </div> </div> </body> </html>
Which means that you got to Step 2 in this document
and did not proceed... so the following steps are...
3. Delete the default contents of <body>.
4. Insert your own HTML code into the body of the webpage.
5. Save and close index.html.
6. Use the text editor to open custom_widget.js.
7. Delete the body of the function, so that you can insert your own commands
8. Replace PropertyName with the name of the property you added to your custom widget.
9. Develop your function.
10.Save and close custom_widget.js.
Of course there are many other things you can do with these web files, but that is beyond the scope of this
documentation. More thorough descriptions and examples will be provided in future releases of this software.
In the meantime, if you need help with developing your custom widgets, please contact your EcoStruxure
Machine SCADA Expert software distributor.
So you currently have no custom code at all, hence it is displaying the out of the box generic display page.
The "../Resources/Apis/Proxy.js" file likely contains a number of 'built-in' functions that you could reference to interact with the controller to enable the control system dynamic behaviour.
Excellent point BevanWeiss - does the widget show data as you would expect on the local viewer?
@budimanc Did my answer help you solve your problem? If so, please mark it as the solution to your question.
Please give me sometime to solve this problem with the help of my IT department.
For sure will get back soon.
Sorry for late reply,
I try to use the default indusoft project "Custom Widget Web Browser" which supposedly the HTML Widget can be run with success on the Screen Viewer and Internet Explorer but in my computer Success only on the Screen Viewer.
I have installed Custom Widget Framework too but still Custom Widget doesn't show up in Thin Client.
I have screenshot the process that i have did, as attached below:
Screen 1 = "Custom Widget Web Browser" Project Development Screen
Screen 2 = HTML widget able to show on Screen View but failed on the internet explorer version '11'
Screen 3 = I have added "Virtual Directory" inside "IndWebSvc" and "Application/Studio" MIME Type.
Screen 4 = default index.html source code
Hope i get some solution for this case.
This sounds different than your original issue
Need help regarding this case.
I have used Piechart Custom Widgets in my EMSE project...
So what happened to your 'Piechart Custom Widget' that you're now trying to use the 'Web Browser' Widget?
It seems that now you're having a different problem than your original issue.
Actually the same problem, i just tried to use another project while doing all the instructions above, and the result is still the same.
I'm still having the same problem as before.
I can use whenever Web Browser Widget and Piechart Widget, and the result both is the same.
When you open up the browser (IE11) debug view.. what does it say?
Have you tried Chrome? or Firefox? or Opera? Do any of these work? I suspect 'no'. And if you look at the debug window for all of these browsers, I suspect it will be the same resource unavailable issue.
You should make sure that all of those files (referenced by the html) exist, and are accessible to your browser(s).
When I run this locally on my computer (without a web server), I get
If you run yours up in a proper web server, then you should get some indicative error message that you should correct.
I dont see the index.html (Web Widget) in network request, while header and main got 404 but header.scc and main.scc load successfuly (200), is that affect the Web Widget ?