Actviti Modeler not working on Internet explorer

[ani123]

Hello
I have installed Activiti Explorer version 5.17. I cannot get the BPMN process modeler to work on Internet Explorer.
  I can see the BPMN editor, and can draw a BPMN diagram.
But when I try to save a Model which has connections  I get the following error, on model save
My question is
a) Is Activiti Modeler supported on Internet Explorer ?
b) If not what is the limiting factor, and can it be fixed  by the user?

Thanks for any pointers/help

Regards
Ani

rg.apache.batik.transcoder.TranscoderException: null
Enclosed Exception:
Element type "path" must be followed by either attribute specifications, ">" or
"/>".
        at org.apache.batik.transcoder.XMLAbstractTranscoder.transcode(XMLAbstra
ctTranscoder.java:136)
        at org.apache.batik.transcoder.SVGAbstractTranscoder.transcode(SVGAbstra
ctTranscoder.java:156)
        at org.activiti.rest.editor.model.ModelSaveRestResource.saveModel(ModelS
aveRestResource.java:79)
        at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
        at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.
java:62)
        at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAcces
sorImpl.java:43)
        at java.lang.reflect.Method.invoke(Method.java:483)
        at org.springframework.web.method.support.InvocableHandlerMethod.invoke(
InvocableHandlerMethod.java:215)
        at org.springframework.web.method.support.InvocableHandlerMethod.invokeF
orRequest(InvocableHandlerMethod.java:132)
        at org.springframework.web.servlet.mvc.method.annotation.ServletInvocabl
eHandlerMethod.invokeAndHandle(ServletInvocableHandlerMethod.java:104)
        at org.springframework.web.servlet.mvc.method.annotation.RequestMappingH
andlerAdapter.invokeHandleMethod(RequestMappingHandlerAdapter.java:749)
        at org.springframework.web.servlet.mvc.method.annotation.RequestMappingH
andlerAdapter.handleInternal(RequestMappingHandlerAdapter.java:689)
        at org.springframework.web.servlet.mvc.method.AbstractHandlerMethodAdapt
er.handle(AbstractHandlerMethodAdapter.java:83)
        at org.springframework.web.servlet.DispatcherServlet.doDispatch(Dispatch
erServlet.java:938)
        at org.springframework.web.servlet.DispatcherServlet.doService(Dispatche
rServlet.java:870)
        at org.springframework.web.servlet.FrameworkServlet.processRequest(Frame
workServlet.java:961)
        at org.springframework.web.servlet.FrameworkServlet.doPut(FrameworkServl
et.java:874)
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:653)
        at org.springframework.web.servlet.FrameworkServlet.service(FrameworkSer
vlet.java:837)
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:731)
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(Appl
icationFilterChain.java:303)
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationF
ilterChain.java:208)
        at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52
)
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(Appl
icationFilterChain.java:241)
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationF
ilterChain.java:208)
        at org.activiti.explorer.servlet.JsonpCallbackFilter.doFilter(JsonpCallb
ackFilter.java:57)
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(Appl
icationFilterChain.java:241)
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationF
ilterChain.java:208)
        at org.activiti.explorer.filter.ExplorerFilter.doFilter(ExplorerFilter.j
ava:42)
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(Appl
icationFilterChain.java:241)
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationF
ilterChain.java:208)
        at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperV
alve.java:220)
        at org.apache.catalina.core.StandardContextValve.invoke(StandardContextV
alve.java:122)
        at org.apache.catalina.authenticator.AuthenticatorBase.invoke(Authentica
torBase.java:505)
        at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.j
ava:170)
        at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.j
ava:103)
        at org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:
957)
        at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineVal
ve.java:116)
        at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.jav
a:423)
        at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp
11Processor.java:1079)
        at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(
AbstractProtocol.java:620)
        at org.apache.tomcat.util.net.AprEndpoint$SocketProcessor.doRun(AprEndpo
int.java:2476)
        at org.apache.tomcat.util.net.AprEndpoint$SocketProcessor.run(AprEndpoin
t.java:2465)
        at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.
java:1142)
        at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor
.java:617)
        at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskTh
read.java:61)
        at java.lang.Thread.run(Thread.java:745)

[vasile_dirla]

Hi Ani,
do you have any errors in the browser's console or in the server's console?
I cannot reproduce the issue (or maybe i didn't understand exactly the problem you have)

if you don't have the possibility to put some screen dumps, maybe will be a good idea to put here a process xml file which is not working in your setup, and also step by step how to reproduce it.

[ani123]

HI
I was trying to attach screen shots, but the type of files which can be attached seem to be allowed to ".txt".
So my question is: How to i attach screen dumps/ or other file types.

Thanks a lot for your help
In the mean time I will attach a process.xml , with the steps

[ani123]

Let me try to explain what  I am seeing. Hope this can explain the issue I am seeing

1) Login into http://localhost:8080/activiti-explorer
using user/passsword "kermit/kermit"

2) Invoke the Processes link on the top bar ( which displays 'tasks', 'processes', 'reports', manage'

3) choose the "Model workspace" link on the bar below the main bar ( which displays other links such as'My instances', 'Deployed process definitions', 'Model workspace')

4) The page now displayed has two sections (may be should be called panels )
   Left hand panel  is a list of processses
    I think the right panel should show the picture / diagram of the actual model when it is selected on the left

5) Create a new model , which brings up the editor.
    create a two step model, a start messages connected to a end event , using a transition (sequence flow) line

6) Save the model.choose 'save and close editor' when prompted.

7) The editor is closed, and we go back to the page dispalyed in step 4) . where we can see
   the newly created model in the list of models on the left

   When i select the newly created model, I do not see its diagram / picture on the right hand side panel
   The browser console does not show any error. It just shows following warning and informatio.


   HTML1300: Navigation occurred.
   File: activiti-explorer
   HTML1524: Invalid HTML5 DOCTYPE. Consider using the interoperable form "<!DOCTYPE html>".
   File: activiti-explorer, Line: 1, Column: 1
   DOM7011: The code on this page disabled back and forward caching. For more information, see: http://go.microsoft.com/fwlink/?LinkID=291337
   File: modeler.html


   ( I can see the picture for the same model, when i use chrome )

😎 When i select the newly created model and press 'edit' , it bring up the editor, with an empty diagram
   the original diagram is lost
   ( again , this does not happen for chrome , where it does show the original model diagram )

So the question is why is the diagram not displaying , once it is saved ?
  I do not see any errors in the tomcat 'catalina.log'
   Not sure what is going on.

Any help is appreciated/

[vasile_dirla]

Try to disable all the extra addons/plugins you have installed in browser. (and try again)
if it's not too much, please let us know your system details: OS version, Browser version. (So that I could use a similar environment)

[ani123]

Hi
I tried disabling all add ons , but it does not work

here are my system details
OS: Microsoft Windows 7 enterprise
Version 6.1.7601 Service Pack 1 Build 7601
Processor Intel(R) Core(TM) i7-2640M CPU @ 2.80GHz, 2801 Mhz, 2 Core(s), 4 Logical Processor(s)

Browser
Internet explorer 11
Version: 11.0.9600-16428
Update versions: RTM(KB2841134)

thanks for any help. really appreciated

[jrnorrisjr]

I was having the IE11 cacheing issue too.  Thanks Ani for the link.  I added the following in app.js in the run method and it solved the IE11 issue:

            // Add the following handler to fix IE11 cacheing issue that prevents an edited Activiti model from being viewed
            $window.addEventListener('beforeunload', function () {
            });

Jim

[jrnorrisjr]

I added it in our application but it may also work for you if you edit the editor-app app.js file that should be somewhere in the activiti-explorer application in an editor-app folder.  I didn't try that though.

[ani123]

Hi Jim
Thanks for the response.

  I added the function in the editor-app/app.js file.

It did indeed fix one issue: The issue fixed is
   a)
        when I save the model, close the editor, it does go the model  page showing list of models on the left side panel.
         selecting that model , and clicking the 'Edit' does show the saved model diagram, Thanks a ton for your help! Much appreciated.

     b)  what does not work is
      Selecting the model, does not display its image ( i think it is a .png ) in the right hand side panel/pane.
          Chrome does show this image , when the model is selected, but IE does not
    I am not sure if the issue is with the correct call not being made, or in the rendering

Thanks as always for your valuable tips and time

Much appreciated.

[ani123]

Hi
  I would like to know if anyone else is seeing the same issue, in IE ( I am using IE 11)
  I cannot see the image of the BPMN model, when the model is selected on the left hand side panel.
   This does work in chrome

Thanks for all the help so far.

Regards
Ani

[jrnorrisjr]

Hi Ani,

For some reason the change to app.js I suggested stopped working for us.  This is very frustrating to say the least so I too would like to know if anyone else has fundamentally solved the IE issue and if they could share what they did!

Jim