ARIS Community - We Love BPM

How to embed an ARIS Community model into your page

sstein's picture
by Sebastian Stein in ARIS BPM Blog posted on 2011-02-02

On ARIS Community, you can share your ARIS Express files by uploading it. Your model is directly embedded in your post and other people can use the interactive model viewer to view and zoom your model. They can leave comments and you can alter the model to incorporate their thoughts.

You can also embed a model available on ARIS Community in your personal page like a blog or homepage. All you need is a short snippet of HTML code. To get this code, proceed as follows:

  1. Open the article with the model you want to embed. For example, open this wonderful (hot) cooking recipe.
  2. After the interactive model viewer is loaded, click the button marked red in the screenshot.
    screenshot of interactive model viewer with button to embed model in external page highlighted
  3. A small box appears below the model.
    code to embed model in external page
    Copy the selected text to the clipboard by right clicking on it and selecting "copy" from the browser's context menu.

Now, you have to embed this code into your blog or homepage. We can't give you a detailed instruction, because the procedure depends on the content management system (CMS) or platform you are using. However, usually, you will want to insert the code in raw HTML mode and not while a rich editor is enabled. Check the documentation of your CMS. Also, if you managed to do so, it would be great if you could share the exact steps for your CMS in the comments below.

Check this article if you are interested in the technology used behind ARIS ModelViewer.

3137 Views
0 Likes
9 Comments
There are no attachments
wperlich's picture
by Wolfgang Perlich posted on 2011-02-17

Great feature, but unfortunately it does not work!

I am using Firefox 3.16.13 and Firefox reports problems with the css-file

Warnung: Fehler beim Verarbeiten des Wertes für 'width'.  Deklaration ignoriert.
Quelldatei: http://viewer.ariscommunity.com/5/ARISModelViewer.css
Zeile: 121

Warnung: Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.
Quelldatei: http://viewer.ariscommunity.com/5/ARISModelViewer.css
Zeile: 215

Warnung: Unbekannte Eigenschaft 'border-radius'.  Deklaration ignoriert.
Quelldatei: http://viewer.ariscommunity.com/5/ARISModelViewer.css
Zeile: 243

Warnung: Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.
Quelldatei: http://viewer.ariscommunity.com/5/ARISModelViewer.css
Zeile: 246

Warnung: Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert.
Quelldatei: http://viewer.ariscommunity.com/5/ARISModelViewer.css
Zeile: 247

Warnung: Unbekannte Eigenschaft 'border-radius'.  Deklaration ignoriert.
Quelldatei: http://viewer.ariscommunity.com/5/ARISModelViewer.css
Zeile: 247

Warnung: Fehler beim Verarbeiten des Wertes für 'background'.  Deklaration ignoriert.
Quelldatei: http://viewer.ariscommunity.com/5/ARISModelViewer.css
Zeile: 268

This is my code:

<script type="text/javascript" src="http://www.ariscommunity.com/sites/all/libraries/modelviewer/modelViewer.js"></script><script type="text/javascript">ARISModelViewer.createViewer("Kleinangebot.adf", "500", "500", "Kleinangebot_adf");</script>
<div id="Kleinangebot_adf">
<img src="http://www.ariscommunity.com/system/files/adfpreview/Kleinangebot.adf.preview.jpg" style="border:1px solid #AAAAAA">
</div>

The file "Kleinangebot" sits in the same directory as my index.html-file.

 

What can I do?

sstein's picture
by Sebastian Stein posted on 2011-02-17

Hi,

I think you tried something, which is not yet supported. At the very moment you can only embed a model published in ARIS Community in your personal page. Currently, it is not possible to upload an ADF file to your own server and view it using ModelViewer. We are investigating this option too, but we first want to make sure that ModelViewer works in this limited setting before we do any extensions.

wperlich's picture
by Wolfgang Perlich posted on 2011-02-17

Thanks for your fast answer.

Would be great to have this feature available for my own Aris-files and my own homepage.

I will wait, might be things proceed.

nitin.mahajan01's picture
by Nitin Mahajan posted on 2011-02-17

Sebastian, any tentative timelines for it?

sstein's picture
by Sebastian Stein posted on 2011-02-17

No, sorry Nitin, but at this point, we don't want to commit to any concrete plans yet.

Snosser's picture
by Cay Hasselmann posted on 2011-02-22

I wanted to upload 23 processes in a blog, is this possible since when I try to create a new article (Portfolio Management Part 2) it just says that the post was saved before?

Thanks for answering

 

stefanwe's picture
by Stefan Weber posted on 2011-09-14

Dear Sebastian,

any new information here if or when there will be a release of the previewer for internal use ? We would be very interested to integrate a adf preview possibility into our Wiki Platform. Doesnt need to be a free product ;-)

Thank you,

Stefan

sstein's picture
by Sebastian Stein posted on 2011-09-14

Sorry Stefan, no news on my side, which I could share in public.

spenol's picture
by Oliver Spencer posted on 2013-09-02

Hi all,

Is it possible to make links work from the Aris Viewer? Currently, when I enter hyperlinks into the model, these are not clickable or accessible in the viewer when uploaded.

Grateful for any help.

Regards,

Oliver.