Using local images for EDG customization

[Matt Goldberg]

Hello-

I already have some custom SWP elements to customize some aspects of the EDG UI, including modifying the logo on the home page. I currently have the image pulled from a network location, but it is desired to include the image with EDG and not reference a remote copy.

I seem to recall in older documentation there may have been instructions regarding how to put an image in the workspace somewhere in order to make it available to SWP and then how to reference it in SWP. Can you let me know if this is in fact possible and how to do so if it is?

Thanks!

[Holger Knublauch]

Hi Matt,

yes you remember correctly - there is a way to access static assets such as images from EDG applications (and SWP pages).

Just create a folder ending with .www such as myimages.www and upload this as part of a project upload into the workspace. In Studio, make sure you have refreshed the workspace, e.g. using the Refresh button on the Files page. Then you can access the content of that folder using something like tbl/lib/myimages/image.png

The general rule is that tbl/lib looks at folders ending with .www (anywhere in the workspace).

HTH

Holger

--
You received this message because you are subscribed to the Google Groups "TopBraid Suite Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to topbraid-user...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/topbraid-users/29babe34-f882-4bbc-85bd-6f85ab7dcabbn%40googlegroups.com.

[Matt Goldberg]

Hmm, I gave this a try using Studio and it didn't seem to work. I created a folder in the workspace called logos.www, copied my images into it, refreshed the workspace (later restarted Studio), then tried to refer to the image in a ui:prototype at a path starting with tbl/lib/logos. I got a broken image icon at the places where I made the change. Am I missing something? 

Thanks.

To view this discussion on the web visit https://groups.google.com/d/msgid/topbraid-users/32D8F21A-FDC1-4D7A-9AC7-4D96DD3BCFA9%40topquadrant.com.

[Holger Knublauch]

Is the folder on the very root of the workspace or in a project (i.e. two levels deep)? I don't think it can be at the very root of the workspace, so in this case please try to move it down. I have this

with a workspace like

What could be different for you?

Holger

To view this discussion on the web visit https://groups.google.com/d/msgid/topbraid-users/CAGyojU3ODp31PKxke-N5uOeBntBTGajd%3D_qBniOpgenhBVffEA%40mail.gmail.com.

[Matt Goldberg]

That seemed to work, thanks! 

You received this message because you are subscribed to a topic in the Google Groups "TopBraid Suite Users" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/topbraid-users/Aks_yTZT41Q/unsubscribe.
To unsubscribe from this group and all its topics, send an email to topbraid-user...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/topbraid-users/7A05042E-6649-43CE-9895-E2F1F73C9A97%40topquadrant.com.

[Tim Smith]

Hi,

I have been following along and I'm having issues with setting the icon for a class.  I setup the property shape per the documentation:

pgont:Physical_System-PSIcon
  a sh:PropertyShape ;
  sh:path pgont:PSIcon ;
  dash:hidden true ;
  dash:propertyRole dash:IconRole ;
  sh:datatype xsd:string ;
  sh:deactivated false ;
  sh:defaultValue "http://localhost:8084/tbl/lib/pgicons/Logical_System_icon.svg" ;
  sh:maxCount 1 ;
  sh:name "PS Icon" ;
.

I've tried multiple iterations using a truncated URL, tbl/lib/pgicons..., using xsd:string, xsd:anyURI, etc...

I noticed that the console is showing an "access denied" error (see stack trace below) yet I can access the file using the direct URI - http://localhost:8084/tbl/lib/pgicons/Logical_System_icon.svg.

At the Windows explorer level, there do not appear to be any access issues.  Am I missing something?

Thanks,

Tim

ERROR [http-nio-8084-exec-10] o.t.c.s.TBHttpServletResponse - Internal Server Error: Unexpected error in lib servlet: C:\Semantic Tools\EDG-7.3-P_07-28-2022\edg\workspace\PG.com\pgicons.www
org.topbraid.jenax.util.ExceptionUtil$1: java.lang.RuntimeException: Unexpected error in lib servlet: C:\Semantic Tools\EDG-7.3-P_07-28-2022\edg\workspace\PG.com\pgicons.www
Caused by: java.lang.RuntimeException: Unexpected error in lib servlet: C:\Semantic Tools\EDG-7.3-P_07-28-2022\edg\workspace\PG.com\pgicons.www
        at org.topbraidlive.server.servlet.LibServlet.run(LibServlet.java:123) ~[org.topbraidlive.server-7.3.0.jar:?]
        at org.topbraidlive.server.servlet.LibServlet.doGet(LibServlet.java:72) ~[org.topbraidlive.server-7.3.0.jar:?]
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:655) ~[tomcat-embed-core-9.0.56.jar:4.0.FR]
        at org.topbraid.core.servlet.TBAuthEnabledServlet.serviceAuthenticated(TBAuthEnabledServlet.java:77) ~[org.topbraid.core-7.3.0.jar:?]
        at org.topbraid.core.servlet.TBAuthEnabledServlet.service(TBAuthEnabledServlet.java:44) [org.topbraid.core-7.3.0.jar:?]
        at org.topbraid.core.servlet.TBHttpServlet.service(TBHttpServlet.java:119) [org.topbraid.core-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:227) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.RemoteRequestFilter.doFilter(RemoteRequestFilter.java:56) [org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.ConcurrentUserCheckFilter.doFilter(ConcurrentUserCheckFilter.java:42) [org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.RegisteredProductFilter.doFilter(RegisteredProductFilter.java:55) [org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.ServiceAvailabilityManager$ServiceAvailabilityFilter.doFilter(ServiceAvailabilityManager.java:160) [org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.HeaderFilter.doFilter(HeaderFilter.java:33) [org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:197) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:97) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:540) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:135) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:92) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:78) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:357) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:382) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:65) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:895) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1732) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.threads.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1191) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.threads.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:659) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) [tomcat-embed-core-9.0.56.jar:9.0.56]
        at java.lang.Thread.run(Thread.java:829) [?:?]
Caused by: java.nio.file.AccessDeniedException: C:\Semantic Tools\EDG-7.3-P_07-28-2022\edg\workspace\PG.com\pgicons.www
        at sun.nio.fs.WindowsException.translateToIOException(WindowsException.java:89) ~[?:?]
        at sun.nio.fs.WindowsException.rethrowAsIOException(WindowsException.java:103) ~[?:?]
        at sun.nio.fs.WindowsException.rethrowAsIOException(WindowsException.java:108) ~[?:?]
        at sun.nio.fs.WindowsFileSystemProvider.newByteChannel(WindowsFileSystemProvider.java:235) ~[?:?]
        at java.nio.file.Files.newByteChannel(Files.java:371) ~[?:?]
        at java.nio.file.Files.newByteChannel(Files.java:422) ~[?:?]
        at java.nio.file.spi.FileSystemProvider.newInputStream(FileSystemProvider.java:420) ~[?:?]
        at java.nio.file.Files.newInputStream(Files.java:156) ~[?:?]
        at org.topbraidlive.server.servlet.LibServlet.run(LibServlet.java:112) ~[org.topbraidlive.server-7.3.0.jar:?]
        at org.topbraidlive.server.servlet.LibServlet.doGet(LibServlet.java:72) ~[org.topbraidlive.server-7.3.0.jar:?]
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:655) ~[tomcat-embed-core-9.0.56.jar:4.0.FR]
        at org.topbraid.core.servlet.TBAuthEnabledServlet.serviceAuthenticated(TBAuthEnabledServlet.java:77) ~[org.topbraid.core-7.3.0.jar:?]
        at org.topbraid.core.servlet.TBAuthEnabledServlet.service(TBAuthEnabledServlet.java:44) ~[org.topbraid.core-7.3.0.jar:?]
        at org.topbraid.core.servlet.TBHttpServlet.service(TBHttpServlet.java:119) [org.topbraid.core-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:227) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.RemoteRequestFilter.doFilter(RemoteRequestFilter.java:56) ~[org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.ConcurrentUserCheckFilter.doFilter(ConcurrentUserCheckFilter.java:42) ~[org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.RegisteredProductFilter.doFilter(RegisteredProductFilter.java:55) ~[org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.ServiceAvailabilityManager$ServiceAvailabilityFilter.doFilter(ServiceAvailabilityManager.java:160) ~[org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.topbraidlive.edg.HeaderFilter.doFilter(HeaderFilter.java:33) ~[org.topbraidlive.edg.product-7.3.0.jar:?]
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:189) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:162) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:197) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:97) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:540) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:135) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:92) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:78) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:357) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:382) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:65) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:895) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1732) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.threads.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1191) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.threads.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:659) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) ~[tomcat-embed-core-9.0.56.jar:9.0.56]
        at java.lang.Thread.run(Thread.java:829) ~[?:?]

To view this discussion on the web visit https://groups.google.com/d/msgid/topbraid-users/CAGyojU2bC-TzpaWtB3FAdWgCLAS41rf3AxdBXvMnGA3TrHRf-A%40mail.gmail.com.

[Holger Knublauch]

Hi Tim,

not sure why it doesn't work for you - I tried something similar and it works fine here.

Could it be that the exception may have been from a previous attempt, where you queried the folder directly, instead of the file in the folder?

Holger

To view this discussion on the web visit https://groups.google.com/d/msgid/topbraid-users/CAF0WbnL%3DvJk8KjaWC4kjgbrcenRiXt3fvOQY8kePdN2emgw8Pg%40mail.gmail.com.

[Tim Smith]

Hi Holger,

I ended up restarting EDG (for other reasons) and it began working for me.  Now I have colorful icons that indicate type.

A follow-up question - is there a way to use a relative path so that I don't have to hardcode the server name in the path?  I'm working in Studio at the moment but these icons will be pushed to the server at some point.

The documentation indicates a full path is required.

Thanks,

Tim

"Constraints: The values have sh:datatype xsd:string or xsd:anyURI or sh:nodeKind sh:IRI, pointing at the absolute URL of an image with one of the mime types supported by the HTML img element. The image SHOULD be fairly small as it may be rendered into a square of anywhere between 16 and 48 pixels. Values should ideally be vector graphics such as .svg files."

To view this discussion on the web visit https://groups.google.com/d/msgid/topbraid-users/71BDF368-1CD8-477A-921E-692003A295D7%40topquadrant.com.

[Holger Knublauch]

On 24 Aug 2022, at 10:29 pm, Tim Smith <smith...@gmail.com> wrote:

Hi Holger,

I ended up restarting EDG (for other reasons) and it began working for me.  Now I have colorful icons that indicate type.

Good.

A follow-up question - is there a way to use a relative path so that I don't have to hardcode the server name in the path?  I'm working in Studio at the moment but these icons will be pushed to the server at some point.

The documentation indicates a full path is required.

Practically speaking, my testing confirms that you can use relative paths such as "lib/pgicons/myicon.svg"

These would only work within TopBraid, and would likely break if you ever would want to use this icon information from 3rd party applications (unless of course you place the icons in relative folders of that application). The documentation encourages absolute URLs for platform neutrality.

Holger

To view this discussion on the web visit https://groups.google.com/d/msgid/topbraid-users/CAF0WbnKgyZr5ezxsjSdCoARbOOxN0AbuOSPQ92fm%2Br0KKSWrcA%40mail.gmail.com.

[Richard Cyganiak]

Hi Tim,

> On 24 Aug 2022, at 21:29, Tim Smith <smith...@gmail.com> wrote:
>
> A follow-up question - is there a way to use a relative path so that I don't have to hardcode the server name in the path? I'm working in Studio at the moment but these icons will be pushed to the server at some point.

If constructing the URL dynamically is an option, the following SPARQL functions might be useful.

ui:appRootUrl() returns the context path of EDG (“/” if EDG is running at the server root, like in Studio; and “/edg/” if deployed in Tomcat as edg.war). This allows making correct relative URLs that start with a “/”, which will work from anywhere within the same server.

tbladmin:getConfigValue(cfg:serverURL) yields the absolute URL where EDG is running (“http://localhost:8083” in Studio). This allows making correct absolute URLs that will work from anywhere. This requires that the “Server URL” field has been correctly set in Server Configuration.

Hope that helps,
Richard

[Matt Goldberg]

I forgot to add this follow up- part of what had me confused earlier on in the thread is exactly the issue mentioned above, i.e. the path is different in Studio and EDG. Using ui:appRootUrl also solved my issue such that my UI modifications worked in both Studio and EDG.