Thursday, November 2, 2017

Injecting CSS and JS into UiBinder - Issue with getting access to image path

Hi,
I'm trying to implement a JS library (VisJs: http://visjs.org/) in my GWT project.
So, in order to use it from my UiBinder I used the ScriptInjector:
ScriptInjector.fromString(JsResources.INSTANCE.visScript().getText()).inject();

and in ui.xml I used the following:
<ui:style src='../../../resources/vis.min.css'> .htmlPanel { font-size: 12px; font-family: Verdana, Geneva, sans-serif; border: 1px; border-style: solid; border-color: #969696; margin-top: 10px; } </ui:style>

in my project I created a folder called resources as follow;

  • resources
    vis.js
    vis-min.css
    • img
      • network

in my gwt.xml i added: <resource path="resources" /> in order to get access to these resources.

The script is working for me and loading the graph, but not completely. I'm getting such errors:

vis.js:52995 GET http://127.0.0.1:8888/css/img/network/cross.png 404 (Not Found)

Somehow the "css" is part of the url and images can't be found!
Can you please advise how to fix it?

B.R.

--
You received this message because you are subscribed to the Google Groups "GWT Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.

No comments:

Post a Comment