yFiles for HTML 2.1.0.6 demos

Author: michaelbaur

demos/01-tutorial-getting-started/01-graphcomponent/index.html

@@ -65,8 +65,8 @@
   <div style="width:20%; height: 100%; float:left;" class="descriptionPanel">
     <h3>How to create a basic view.</h3>
 
-    <p>This step introduces class <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.view.GraphComponent">yfiles.view.GraphComponent</a>, which is the
-      <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-application">
+    <p>This step introduces class <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.view.GraphComponent" target="_blank">yfiles.view.GraphComponent</a>, which is the
+      <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-application" target="_blank">
       central UI element for working with graphs</a>. The application
       does not provide any interactive features except mouse wheel zooming, which is enabled by default. It is merely
       meant as a very basic example of how to display a GraphComponent within a web page.</p>

demos/01-tutorial-getting-started/02-graph-element-creation/index.html

@@ -52,7 +52,7 @@ <h2>Tutorial Demo 2</h2>
 
     <h3>How to create a graph programmatically.</h3>
 
-    <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-creating_graph_elements">create the basic graph elements</a>.</p>
+    <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-creating_graph_elements" target="_blank">create the basic graph elements</a>.</p>
 
     <p>See the sources for details.</p>
   </div>

demos/01-tutorial-getting-started/03-managing-viewport/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 3</h2>
 
       <h3>How to influence the viewport.</h3>
 
-      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/view_graphcontrol_managing-the-view">work with the viewport</a>.
+      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/view_graphcontrol_managing-the-view" target="_blank">work with the viewport</a>.
         It introduces basic viewport handling such as zooming and "fit to content".</p>
       <p>The graph consists of four nodes, from which only three belong to the viewport and thus, are visible. Press
         "fit to content" to include also the fourth node to the viewport.</p>

demos/01-tutorial-getting-started/04-setting-styles/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 4</h2>
 
       <h3>How to influence visual appearance.</h3>
 
-      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-setting_styles">
+      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-setting_styles" target="_blank">
         configure the visual appearance of graph elements</a> using styles.</p>
 
       <p>yFiles for HTML offers a set of predefined and configurable item styles for various use-cases. The tutorial <a

demos/01-tutorial-getting-started/05-label-placement/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 5</h2>
 
       <h3>How to influence the placement of labels.</h3>
 
-      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-placing_labels">
+      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-placing_labels" target="_blank">
         control label placement</a> with the help of so called label model parameters.</p>
 
       <p>See the sources for details.</p>

demos/01-tutorial-getting-started/06-basic-interaction/index.html

@@ -53,10 +53,10 @@ <h2>Tutorial Demo 6</h2>
 
       <h3>How to add basic interaction.</h3>
 
-      <p>This step shows the <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction">default interaction gestures</a>
+      <p>This step shows the <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction" target="_blank">default interaction gestures</a>
         that are provided by class GraphEditorInputMode.</p>
-      <p>Interaction is handled by <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.IInputMode">yfiles.input.IInputMode</a>.
-        <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.GraphEditorInputMode">yfiles.input.GraphEditorInputMode</a> is the main input mode that already provides a large number of user interaction features,
+      <p>Interaction is handled by <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.IInputMode" target="_blank">yfiles.input.IInputMode</a>.
+        <a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.GraphEditorInputMode" target="_blank">yfiles.input.GraphEditorInputMode</a> is the main input mode that already provides a large number of user interaction features,
         such as moving, deleting, creating, and resizing graph elements.</p>
       <ul>
         <li>Click a single element with the mouse to select it. SHIFT-Click the text to select the element's label. To select multiple elements, either extend an existing selection

demos/01-tutorial-getting-started/07-undo-clipboard-support/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 7</h2>
 
       <h3>How to activate clipboard and undoability.</h3>
 
-      <p>This step shows how to use the <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction-undo">
+      <p>This step shows how to use the <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction-undo" target="_blank">
         undo and clipboard</a> features.</p>
 
       <p>See the sources for details.</p>

demos/01-tutorial-getting-started/08-grouping/index.html

@@ -53,11 +53,11 @@ <h2>Tutorial Demo 8</h2>
 
       <h3>Enabling and using the grouping feature.</h3>
 
-      <p>This step shows how to configure <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction-grouping">
+      <p>This step shows how to configure <a href="https://docs.yworks.com/yfileshtml/#/dguide/interaction-grouping" target="_blank">
         support for grouped (or hierarchically organized) graphs</a>. Note that collapse/expand functionality is
         introduced later in this tutorial.</p>
 
-      <p><a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.GraphEditorInputMode">yfiles.input.GraphEditorInputMode</a> already provides the following default gestures for grouping/ungrouping:</p>
+      <p><a href="https://docs.yworks.com/yfileshtml/#/api/yfiles.input.GraphEditorInputMode" target="_blank">yfiles.input.GraphEditorInputMode</a> already provides the following default gestures for grouping/ungrouping:</p>
       <ul>
         <li>Press CTRL+G to group the currently selected nodes.</li>
         <li>Press CTRL+U to ungroup the currently selected nodes. Note that this does not automatically shrink the

demos/01-tutorial-getting-started/09-data-binding/index.html

@@ -53,7 +53,7 @@ <h2>Tutorial Demo 10</h2>
 
       <h3>How to bind arbitrary data to elements.</h3>
 
-      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/customizing_graph-binding_data">
+      <p>This step shows how to <a href="https://docs.yworks.com/yfileshtml/#/dguide/customizing_graph-binding_data" target="_blank">
         bind data to graph elements</a>.</p>
 
       <p>See the sources and node tooltips for details.</p>

demos/01-tutorial-getting-started/10-layout/index.html

@@ -51,12 +51,12 @@ <h1 class="demo-sidebar-header">Description</h1>
     <div class="demo-sidebar-content">
       <h2>Tutorial Demo 11</h2>
 
-      <p>This step shows how to use the <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-layout">
+      <p>This step shows how to use the <a href="https://docs.yworks.com/yfileshtml/#/dguide/getting_started-layout" target="_blank">
         layout algorithms</a> in yFiles for HTML to automatically place the graph elements.</p>
       <p>Automatic layout is one of the main features of the yFiles products. The layout library provides
         a large set of ready-to-use, highly customizable algorithms for most scenarios. The purpose of
         this sample is to demonstrate how to run an arbitrary layout algorithm. For an overview of the available
-        layout styles, please see <a href="../../../demos/layout/layoutstyles/index.html">Layout Styles Demo</a>.</p>
+        layout styles, please see <a href="../../../demos/layout/layoutstyles/index.html" target="_blank">Layout Styles Demo</a>.</p>
 
       <ul>
         <li>Click the 'Layout' button in the toolbar to run an automatic layout.</li>