<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<body link="#355491" alink="#4262a1" vlink="#355491" style="background: #e2e2e2; margin: 0; padding: 20px;">

<div>
        <table cellpadding="0" bgcolor="#FFFFFF" border="0" cellspacing="0" style="border: 1px solid #dadada; margin-bottom: 30px; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px;">
                <tbody>
                        <tr>

                                <td>

                                        <table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border: solid 2px #ccc; background: #dadada; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px;">
                                                <tbody>
                                                        <tr>
                                                                <td bgcolor="#000000" valign="middle" height="58px" style="border-bottom: 1px solid #ccc; padding: 20px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;">
                                                                        <h1 style="color: #333333; font: bold 22px Arial, Helvetica, sans-serif; margin: 0; display: block !important;">
                                                                        <!-- To have a header image/logo replace the name below with your img tag -->
                                                                        <!-- Email clients will render the images when the message is read so any image -->
                                                                        <!-- must be made available on a public server, so that all recipients can load the image. -->
                                                                        <a href="https://community.jboss.org/index.jspa" style="text-decoration: none; color: #E1E1E1">JBoss Community</a></h1>
                                                                </td>

                                                        </tr>
                                                        <tr>
                                                                <td bgcolor="#FFFFFF" style="font: normal 12px Arial, Helvetica, sans-serif; color:#333333; padding: 20px;  -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;"><h3 style="margin: 10px 0 5px; font-size: 17px; font-weight: normal;">
    Custom process view, SVG BPMN problem?
</h3>
<span style="margin-bottom: 10px;">
    created by <a href="https://community.jboss.org/people/glimberg">glimberg</a> in <i>jBPM</i> - <a href="https://community.jboss.org/message/757835#757835">View the full discussion</a>
</span>
<hr style="margin: 20px 0; border: none; background-color: #dadada; height: 1px;">

<div class="jive-rendered-content"><p>I need to be able to build a custom "control panel" for jBPM that shows a process and lets the user view and initiate certain process related actions, for example view information about the script that a certain task executes.</p><p>I've found information about how to extract a lot of the information that I need, for example the SVG for the process diagram or the BPMN source.</p><p>But I have some problems combining those - the SVG seems to draw the process image just fine - but lacks information about the process blocks, it only has the name tag, but that one isn't always unique in my processes....</p><p>There doesn't seem to be any other ID that I can use to relate to the exact process block for further information - or is there?</p><p>On the other hand the BPMN source contains more information, but not even that seems to contain all process information, for example the script code etc.</p><p style="min-height: 8pt; height: 8pt; padding: 0px;">&#160;</p><p>Are there anyone out there who have tried somthing like this, I found some threads here in this forum but not anyone that was an exact match or had a solution....</p><p style="min-height: 8pt; height: 8pt; padding: 0px;">&#160;</p><p>So - an external web application, it is ok with SVG or just about any format, I don't need to support all browsers, but SVG seems like the natural way of doing it.</p><p>Being able to select a certain process to display (no problem with that) and display the process diagram, preferrably exactly as in the Designer (from a layout perspective), preferrably zoomable (easy with a normal SVG, but that might prohibit some coordinate mappings, but I can skip the zooming if there is no other solution).</p><p>And the process diagram needs to be "clickable", my intention here was to maybe add mouse click events to the objects in the SVG file if necessary by doing some processing of the actual SVG file - shouldn't be that complicated.</p><p>And then I need to be able to find more information than exists in the SVG file after I click on a Service Task for example - and here comes the problem of finding some kind of unique ID for the object.....</p><p style="min-height: 8pt; height: 8pt; padding: 0px;">&#160;</p><p>Is this possible?</p></div>

<div style="background-color: #f4f4f4; padding: 10px; margin-top: 20px;">
    <p style="margin: 0;">Reply to this message by <a href="https://community.jboss.org/message/757835#757835">going to Community</a></p>
        <p style="margin: 0;">Start a new discussion in jBPM at <a href="https://community.jboss.org/choose-container!input.jspa?contentType=1&containerType=14&container=2034">Community</a></p>
</div></td>
                        </tr>
                    </tbody>
                </table>


                </td>
            </tr>
        </tbody>
    </table>

</div>

</body>
</html>