<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxCellRenderer"></a>mxCellRenderer</h1><divclass=CBody><p>Renders cells into a document object model. The <ahref="#mxCellRenderer.defaultShapes"class=LVariableid=link44onMouseOver="ShowTip(event, 'tt6', 'link44')"onMouseOut="HideTip('tt6')">defaultShapes</a> is a global map of shapename, constructor pairs that is used in all instances. You can get a list of all available shape names using the following code.</p><p>In general the cell renderer is in charge of creating, redrawing and destroying the shape and label associated with a cell state, as well as some other graphical objects, namely controls and overlays. The shape hieararchy in the display (ie. the hierarchy in which the DOM nodes appear in the document) does not reflect the cell hierarchy. The shapes are a (flat) sequence of shapes and labels inside the draw pane of the graph view, with some exceptions, namely the HTML labels being placed directly inside the graph container for certain browsers.</p><blockquote><preclass="prettyprint">mxLog.show();
}</pre></blockquote><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxCellRenderer">mxCellRenderer</a></td><tdclass=SDescription>Renders cells into a document object model. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCellRenderer.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.mxCellRenderer"id=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxCellRenderer</a></td><tdclass=SDescription>arrow, rectangle, ellipse, rhombus, image, line, label, cylinder, swimlane, connector, actor and cloud.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCellRenderer.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.defaultEdgeShape"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">defaultEdgeShape</a></td><tdclass=SDescription>Defines the default shape for edges. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCellRenderer.defaultVertexShape"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">defaultVertexShape</a></td><tdclass=SDescription>Defines the default shape for vertices. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.defaultTextShape"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">defaultTextShape</a></td><tdclass=SDescription>Defines the default shape for labels. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCellRenderer.legacyControlPosition"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">legacyControlPosition</a></td><tdclass=SDescription>Specifies if the folding icon should ignore the horizontal orientation of a swimlane. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.defaultShapes"id=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">defaultShapes</a></td><tdclass=SDescription>Static array that contains the globally registered shapes which are known to all instances of this class. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCellRenderer.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.registerShape"id=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">registerShape</a></td><tdclass=SDescription>Registers the given constructor under the specified key in this instance of the renderer.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxCellRenderer.initialize"id=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">initialize</a></td><tdclass=SDescription>Initializes the display for the given cell state. </td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.initializeShape"id=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">initializeShape</a></td><tdclass=SDescription>Initializes the shape in the given state by calling its init method with the correct container.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxCellRenderer.order"id=link10onMouseOver="ShowTip(event, 'tt10', 'link10')"onMouseOut="HideTip('tt10')">order</a></td><tdclass=SDescription>Orders the DOM node of the shape for the given state according to the position of the corresponding cell in the graph model.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.orderEdge"id=link11onMouseOver="ShowTip(event, 'tt11', 'link11')"onMouseOut="HideTip('tt11')">orderEdge</a></td><tdclass=SDescription>Orders the DOM node of the shape for the given edge&rs
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.mxCellRenderer"></a>mxCellRenderer</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>function mxCellRenderer()</td></tr></table></blockquote><h4class=CHeading>Constructs a new cell renderer with the following built-in shapes</h4><p>arrow, rectangle, ellipse, rhombus, image, line, label, cylinder, swimlane, connector, actor and cloud.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.defaultEdgeShape"></a>defaultEdgeShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.defaultEdgeShape</td></tr></table></blockquote><p>Defines the default shape for edges. Default is <ahref="../shape/mxConnector-js.html#mxConnector"class=LClassid=link45onMouseOver="ShowTip(event, 'tt42', 'link45')"onMouseOut="HideTip('tt42')">mxConnector</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.defaultVertexShape"></a>defaultVertexShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.defaultVertexShape</td></tr></table></blockquote><p>Defines the default shape for vertices. Default is <ahref="../shape/mxRectangleShape-js.html#mxRectangleShape"class=LClassid=link46onMouseOver="ShowTip(event, 'tt43', 'link46')"onMouseOut="HideTip('tt43')">mxRectangleShape</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.defaultTextShape"></a>defaultTextShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.defaultTextShape</td></tr></table></blockquote><p>Defines the default shape for labels. Default is <ahref="../shape/mxText-js.html#mxText"class=LClassid=link47onMouseOver="ShowTip(event, 'tt44', 'link47')"onMouseOut="HideTip('tt44')">mxText</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.legacyControlPosition"></a>legacyControlPosition</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.legacyControlPosition</td></tr></table></blockquote><p>Specifies if the folding icon should ignore the horizontal orientation of a swimlane. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.defaultShapes"></a>defaultShapes</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.defaultShapes</td></tr></table></blockquote><p>Static array that contains the globally registered shapes which are known to all instances of this class. For adding new shapes you should use the static <ahref="#mxCellRenderer.registerShape"class=LFunctionid=link48onMouseOver="ShowTip(event, 'tt7', 'link48')"onMouseOut="HideTip('tt7')">mxCellRenderer.registerShape</a> function.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.registerShape"></a>registerShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.registerShape = function(</td><tdclass=PParameternowrap>key,</td></tr><tr><td></td><tdclass=PParameternowrap>shape</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Registers the given constructor under the specified key in this instance of the renderer.</p><h4class=CHeading>Example</h4><blockquote><preclass="prettyprint">mxCellRenderer.registerShape(mxConstants.SHAPE_RECTANGLE, mxRectangleShape);</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>key</td><tdclass=CDLDescription>String representing the shape name.</td></tr><tr><tdclass=CDLEntry>shape</td><tdclass=CDLDescription>Constructor of the <ahref="../shape/mxShape-js.html#mxShape"class=LClassid=link49onMouseOver="ShowTip(event, 'tt27', 'link49')"onMouseOut="HideTip('tt27')">mxShape</a> subclass.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.initialize"></a>initialize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.initialize = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>rendering</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes the display for the given cell state. This is required once after the cell state has been created. This is invoked in mxGraphView.createState.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link50onMouseOver="ShowTip(event, 'tt25', 'link50')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the display should be initialized.</td></tr><tr><tdclass=CDLEntry>rendering</td><tdclass=CDLDescription>Optional boolean that specifies if the cell should actually be initialized for any given DOM node. If this is false then init will not be called on the shape.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.initializeShape"></a>initializeShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.initializeShape = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes the shape in the given state by calling its init method with the correct container.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link51onMouseOver="ShowTip(event, 'tt25', 'link51')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the shape should be initialized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.order"></a>order</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.order = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Orders the DOM node of the shape for the given state according to the position of the corresponding cell in the graph model.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link52onMouseOver="ShowTip(event, 'tt25', 'link52')"onMouseOut="HideTip('tt25')">mxCellState</a> whose shape’s DOM node should be ordered.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.orderEdge"></a>orderEdge</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.orderEdge = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Orders the DOM node of the shape for the given edge’s state according to the <ahref="mxGraph-js.html#mxGraph.keepEdgesInBackground"class=LVariableid=link53onMouseOver="ShowTip(event, 'tt12', 'link53')"onMouseOut="HideTip('tt12')">mxGraph.keepEdgesInBackground</a> and <ahref="mxGraph-js.html#mxGraph.keepEdgesInBackground"class=LVariableid=link54onMouseOver="ShowTip(event, 'tt12', 'link54')"onMouseOut="HideTip('tt12')">mxGraph.keepEdgesInBackground</a> rules.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link55onMouseOver="ShowTip(event, 'tt25', 'link55')"onMouseOut="HideTip('tt25')">mxCellState</a> whose shape’s DOM node should be ordered.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.insertState"></a>insertState</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.insertState = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>nextNode</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Inserts the given state before the given node into its parent.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link56onMouseOver="ShowTip(event, 'tt25', 'link56')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the shape should be created.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.createShape"></a>createShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.createShape = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the shape for the given cell state. The shape is configured using <ahref="#mxCellRenderer.configureShape"class=LFunctionid=link57onMouseOver="ShowTip(event, 'tt17', 'link57')"onMouseOut="HideTip('tt17')">configureShape</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link58onMouseOver="ShowTip(event, 'tt25', 'link58')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the shape should be created.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.getShape"></a>getShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.getShape = function(</td><tdclass=PParameternowrap>name</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the shape for the given name from <ahref="#mxCellRenderer.defaultShapes"class=LVariableid=link59onMouseOver="ShowTip(event, 'tt6', 'link59')"onMouseOut="HideTip('tt6')">defaultShapes</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.getShapeConstructor"></a>getShapeConstructor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.getShapeConstructor = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the constructor to be used for creating the shape.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.configureShape"></a>configureShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.configureShape = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Configures the shape for the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link60onMouseOver="ShowTip(event, 'tt25', 'link60')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the shape should be configured.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.postConfigureShape"></a>postConfigureShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.postConfigureShape = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Replaces any reserved words used for attributes, eg. inherit, indicated or swimlane for colors in the shape for the given state. This implementation resolves these keywords on the fill, stroke and gradient color keys.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.resolveColor"></a>resolveColor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.resolveColor = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>field,</td></tr><tr><td></td><tdclass=PParameternowrap>key</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Resolves special keywords ‘inherit’, ‘indicated’ and ‘swimlane’ and sets the respective color on the shape.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.getLabelValue"></a>getLabelValue</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.getLabelValue = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the value to be used for the label.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link61onMouseOver="ShowTip(event, 'tt25', 'link61')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the label should be created.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.createLabel"></a>createLabel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.createLabel = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the label for the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link62onMouseOver="ShowTip(event, 'tt25', 'link62')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the label should be created.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.initializeLabel"></a>initializeLabel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.initializeLabel = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Initiailzes the label with a suitable container.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link63onMouseOver="ShowTip(event, 'tt25', 'link63')"onMouseOut="HideTip('tt25')">mxCellState</a> whose label should be initialized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.createCellOverlays"></a>createCellOverlays</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.createCellOverlays = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the actual shape for showing the overlay for the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link64onMouseOver="ShowTip(event, 'tt25', 'link64')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the overlay should be created.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.initializeOverlay"></a>initializeOverlay</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.initializeOverlay = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>overlay</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes the given overlay.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link65onMouseOver="ShowTip(event, 'tt25', 'link65')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the overlay should be created.</td></tr><tr><tdclass=CDLEntry>overlay</td><tdclass=CDLDescription><ahref="../shape/mxImageShape-js.html#mxImageShape"class=LClassid=link66onMouseOver="ShowTip(event, 'tt45', 'link66')"onMouseOut="HideTip('tt45')">mxImageShape</a> that represents the overlay.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.installOverlayListeners"></a>installOverlayListeners</h3><divclass=CBody><p>Installs the listeners for the given <ahref="mxCellState-js.html#mxCellState"class=LClassid=link67onMouseOver="ShowTip(event, 'tt25', 'link67')"onMouseOut="HideTip('tt25')">mxCellState</a>, <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link68onMouseOver="ShowTip(event, 'tt26', 'link68')"onMouseOut="HideTip('tt26')">mxCellOverlay</a> and <ahref="../shape/mxShape-js.html#mxShape"class=LClassid=link69onMouseOver="ShowTip(event, 'tt27', 'link69')"onMouseOut="HideTip('tt27')">mxShape</a> that represents the overlay.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.createControl"></a>createControl</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.createControl = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the control for the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link70onMouseOver="ShowTip(event, 'tt25', 'link70')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the control should be created.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.initControl"></a>initControl</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.initControl = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>control,</td></tr><tr><td></td><tdclass=PParameternowrap>handleEvents,</td></tr><tr><td></td><tdclass=PParameternowrap>clickHandler</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes the given control and returns the corresponding DOM node.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link71onMouseOver="ShowTip(event, 'tt25', 'link71')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the control should be initialized.</td></tr><tr><tdclass=CDLEntry>control</td><tdclass=CDLDescription><ahref="../shape/mxShape-js.html#mxShape"class=LClassid=link72onMouseOver="ShowTip(event, 'tt27', 'link72')"onMouseOut="HideTip('tt27')">mxShape</a> to be initialized.</td></tr><tr><tdclass=CDLEntry>handleEvents</td><tdclass=CDLDescription>Boolean indicating if mousedown and mousemove should fire events via the graph.</td></tr><tr><tdclass=CDLEntry>clickHandler</td><tdclass=CDLDescription>Optional function to implement clicks on the control.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.isShapeEvent"></a>isShapeEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.isShapeEvent = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event is for the shape of the given state. This implementation always returns true.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link73onMouseOver="ShowTip(event, 'tt25', 'link73')"onMouseOut="HideTip('tt25')">mxCellState</a> whose shape fired the event.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouse event which was fired.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.isLabelEvent"></a>isLabelEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.isLabelEvent = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event is for the label of the given state. This implementation always returns true.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link74onMouseOver="ShowTip(event, 'tt25', 'link74')"onMouseOut="HideTip('tt25')">mxCellState</a> whose label fired the event.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouse event which was fired.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.installListeners"></a>installListeners</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.installListeners = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Installs the event listeners for the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link75onMouseOver="ShowTip(event, 'tt25', 'link75')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the event listeners should be isntalled.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.redrawLabel"></a>redrawLabel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.redrawLabel = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>forced</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Redraws the label for the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link76onMouseOver="ShowTip(event, 'tt25', 'link76')"onMouseOut="HideTip('tt25')">mxCellState</a> whose label should be redrawn.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.getTextScale"></a>getTextScale</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.getTextScale = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the scaling used for the label of the given state</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link77onMouseOver="ShowTip(event, 'tt25', 'link77')"onMouseOut="HideTip('tt25')">mxCellState</a> whose label scale should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.getLabelBounds"></a>getLabelBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.getLabelBounds = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounds to be used to draw the label of the given state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link78onMouseOver="ShowTip(event, 'tt25', 'link78')"onMouseOut="HideTip('tt25')">mxCellState</a> whose label bounds should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.rotateLabelBounds"></a>rotateLabelBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.rotateLabelBounds = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>bounds</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the shape rotation to the given label bounds and applies the alignment and offsets.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link79onMouseOver="ShowTip(event, 'tt25', 'link79')"onMouseOut="HideTip('tt25')">mxCellState</a> whose label bounds should be rotated.</td></tr><tr><tdclass=CDLEntry>bounds</td><tdclass=CDLDescription><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link80onMouseOver="ShowTip(event, 'tt46', 'link80')"onMouseOut="HideTip('tt46')">mxRectangle</a> the rectangle to be rotated.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.redrawCellOverlays"></a>redrawCellOverlays</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.redrawCellOverlays = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>forced</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Redraws the overlays for the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link81onMouseOver="ShowTip(event, 'tt25', 'link81')"onMouseOut="HideTip('tt25')">mxCellState</a> whose overlays should be redrawn.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.redrawControl"></a>redrawControl</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.redrawControl = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>forced</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Redraws the control for the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link82onMouseOver="ShowTip(event, 'tt25', 'link82')"onMouseOut="HideTip('tt25')">mxCellState</a> whose control should be redrawn.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.getControlBounds"></a>getControlBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.getControlBounds = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounds to be used to draw the control (folding icon) of the given state.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.redraw"></a>redraw</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.redraw = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>force,</td></tr><tr><td></td><tdclass=PParameternowrap>rendering</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the bounds or points and scale of the shapes for the given cell state. This is called in mxGraphView.validatePoints as the last step of updating all cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link83onMouseOver="ShowTip(event, 'tt25', 'link83')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the shapes should be updated.</td></tr><tr><tdclass=CDLEntry>force</td><tdclass=CDLDescription>Optional boolean that specifies if the cell should be reconfiured and redrawn without any additional checks.</td></tr><tr><tdclass=CDLEntry>rendering</td><tdclass=CDLDescription>Optional boolean that specifies if the cell should actually be drawn into the DOM. If this is false then redraw and/or reconfigure will not be called on the shape.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.destroy"></a>destroy</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.destroy = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Destroys the shapes associated with the given cell state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link84onMouseOver="ShowTip(event, 'tt25', 'link84')"onMouseOut="HideTip('tt25')">mxCellState</a> for which the shapes should be destroyed.</td></tr></table></div></div></div>
<divclass=CToolTipid="tt1"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>function mxCellRenderer()</td></tr></table></blockquote>arrow, rectangle, ellipse, rhombus, image, line, label, cylinder, swimlane, connector, actor and cloud.</div></div><divclass=CToolTipid="tt2"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.defaultEdgeShape</td></tr></table></blockquote>Defines the default shape for edges. </div></div><divclass=CToolTipid="tt3"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.defaultVertexShape</td></tr></table></blockquote>Defines the default shape for vertices. </div></div><divclass=CToolTipid="tt4"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.defaultTextShape</td></tr></table></blockquote>Defines the default shape for labels. </div></div><divclass=CToolTipid="tt5"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.legacyControlPosition</td></tr></table></blockquote>Specifies if the folding icon should ignore the horizontal orientation of a swimlane. </div></div><divclass=CToolTipid="tt6"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellRenderer.prototype.defaultShapes</td></tr></table></blockquote>Static array that contains the globally registered shapes which are known to all instances of this class. </div></div><divclass=CToolTipid="tt7"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.registerShape = function(</td><tdclass=PParameternowrap>key,</td></tr><tr><td></td><tdclass=PParameternowrap>shape</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Registers the given constructor under the specified key in this instance of the renderer.</div></div><divclass=CToolTipid="tt8"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.initialize = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>rendering</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Initializes the display for the given cell state. </div></div><divclass=CToolTipid="tt9"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.initializeShape = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Initializes the shape in the given state by calling its init method with the correct container.</div></div><divclass=CToolTipid="tt10"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.order = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Orders the DOM node of the shape for the given state according to the position of the corresponding cell in the graph model.</div></div><divclass=CToolTipid="tt11"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBefor
