<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=link42onMouseOver="ShowTip(event, 'tt6', 'link42')"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.initializeShape"id=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">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 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.createShape"id=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">createShape</a></td><tdclass=SDescription>Creates the shape for the given cell state. </td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxCellRenderer.createIndicatorShape"id=link10onMouseOver="ShowTip(event, 'tt10', 'link10')"onMouseOut="HideTip('tt10')">createIndicatorShape</a></td><tdclass=SDescription>Creates the indicator shape for the given cell state.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellRenderer.getShape"id=link11onMouseOver="ShowTip(event, 'tt11', 'link11')"onMouseOut="HideTip('tt11')">getShape</a></td><tdclass=SDescription>Returns the shape for the given name from <ahref="#mxCellRenderer.defaultShapes"class=LVariableid=
<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=link43onMouseOver="ShowTip(event, 'tt39', 'link43')"onMouseOut="HideTip('tt39')">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=link44onMouseOver="ShowTip(event, 'tt40', 'link44')"onMouseOut="HideTip('tt40')">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=link45onMouseOver="ShowTip(event, 'tt41', 'link45')"onMouseOut="HideTip('tt41')">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=link46onMouseOver="ShowTip(event, 'tt7', 'link46')"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=link47onMouseOver="ShowTip(event, 'tt23', 'link47')"onMouseOut="HideTip('tt23')">mxShape</a> subclass.</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=link48onMouseOver="ShowTip(event, 'tt21', 'link48')"onMouseOut="HideTip('tt21')">mxCellState</a> for which the shape should be initialized.</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=link49onMouseOver="ShowTip(event, 'tt13', 'link49')"onMouseOut="HideTip('tt13')">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=link50onMouseOver="ShowTip(event, 'tt21', 'link50')"onMouseOut="HideTip('tt21')">mxCellState</a> for which the shape should be created.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.createIndicatorShape"></a>createIndicatorShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.createIndicatorShape = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the indicator 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=link51onMouseOver="ShowTip(event, 'tt21', 'link51')"onMouseOut="HideTip('tt21')">mxCellState</a> for which the indicator 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=link52onMouseOver="ShowTip(event, 'tt6', 'link52')"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=link53onMouseOver="ShowTip(event, 'tt21', 'link53')"onMouseOut="HideTip('tt21')">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=link54onMouseOver="ShowTip(event, 'tt21', 'link54')"onMouseOut="HideTip('tt21')">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=link55onMouseOver="ShowTip(event, 'tt21', 'link55')"onMouseOut="HideTip('tt21')">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=link56onMouseOver="ShowTip(event, 'tt21', 'link56')"onMouseOut="HideTip('tt21')">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=link57onMouseOver="ShowTip(event, 'tt21', 'link57')"onMouseOut="HideTip('tt21')">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=link58onMouseOver="ShowTip(event, 'tt21', 'link58')"onMouseOut="HideTip('tt21')">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=link59onMouseOver="ShowTip(event, 'tt42', 'link59')"onMouseOut="HideTip('tt42')">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=link60onMouseOver="ShowTip(event, 'tt21', 'link60')"onMouseOut="HideTip('tt21')">mxCellState</a>, <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link61onMouseOver="ShowTip(event, 'tt22', 'link61')"onMouseOut="HideTip('tt22')">mxCellOverlay</a> and <ahref="../shape/mxShape-js.html#mxShape"class=LClassid=link62onMouseOver="ShowTip(event, 'tt23', 'link62')"onMouseOut="HideTip('tt23')">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=link63onMouseOver="ShowTip(event, 'tt21', 'link63')"onMouseOut="HideTip('tt21')">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=link64onMouseOver="ShowTip(event, 'tt21', 'link64')"onMouseOut="HideTip('tt21')">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=link65onMouseOver="ShowTip(event, 'tt23', 'link65')"onMouseOut="HideTip('tt23')">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=link66onMouseOver="ShowTip(event, 'tt21', 'link66')"onMouseOut="HideTip('tt21')">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=link67onMouseOver="ShowTip(event, 'tt21', 'link67')"onMouseOut="HideTip('tt21')">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=link68onMouseOver="ShowTip(event, 'tt21', 'link68')"onMouseOut="HideTip('tt21')">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=link69onMouseOver="ShowTip(event, 'tt21', 'link69')"onMouseOut="HideTip('tt21')">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=link70onMouseOver="ShowTip(event, 'tt21', 'link70')"onMouseOut="HideTip('tt21')">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=link71onMouseOver="ShowTip(event, 'tt21', 'link71')"onMouseOut="HideTip('tt21')">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=link72onMouseOver="ShowTip(event, 'tt21', 'link72')"onMouseOut="HideTip('tt21')">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=link73onMouseOver="ShowTip(event, 'tt43', 'link73')"onMouseOut="HideTip('tt43')">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=link74onMouseOver="ShowTip(event, 'tt21', 'link74')"onMouseOut="HideTip('tt21')">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=link75onMouseOver="ShowTip(event, 'tt21', 'link75')"onMouseOut="HideTip('tt21')">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.insertShapesAfter"></a>insertShapesAfter</h3><divclass=CBody><p>Inserts the given array of <ahref="../shape/mxShape-js.html#mxShape"class=LClassid=link76onMouseOver="ShowTip(event, 'tt23', 'link76')"onMouseOut="HideTip('tt23')">mxShapes</a> after the given nodes in the DOM.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>shapes</td><tdclass=CDLDescription>Array of <ahref="../shape/mxShape-js.html#mxShape"class=LClassid=link77onMouseOver="ShowTip(event, 'tt23', 'link77')"onMouseOut="HideTip('tt23')">mxShapes</a> to be inserted.</td></tr><tr><tdclass=CDLEntry>node</td><tdclass=CDLDescription>Node in <drawPane> after which the shapes should be inserted.</td></tr><tr><tdclass=CDLEntry>htmlNode</td><tdclass=CDLDescription>Node in the graph container after which the shapes should be inserted that will not go into the <drawPane> (eg. HTML labels without foreignObjects).</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellRenderer.getShapesForState"></a>getShapesForState</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellRenderer.prototype.getShapesForState = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <ahref="../shape/mxShape-js.html#mxShape"class=LClassid=link78onMouseOver="ShowTip(event, 'tt23', 'link78')"onMouseOut="HideTip('tt23')">mxShapes</a> for the given cell state in the order in which they should appear in the DOM.</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, 'tt21', 'link79')"onMouseOut="HideTip('tt21')">mxCellState</a> whose shapes should be returned.</td></tr></table></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=link80onMouseOver="ShowTip(event, 'tt21', 'link80')"onMouseOut="HideTip('tt21')">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.redrawLabel"></a>redrawLabel</h3><divclass=CBody><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=link81onMouseOver="ShowTip(event, 'tt21', 'link81')"onMouseOut="HideTip('tt21')">mxCellState</a> whose label should be redrawn.</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=link82onMouseOver="ShowTip(event, 'tt21', 'link82')"onMouseOut="HideTip('tt21')">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.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="tt9"><divclass=CFunction><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>Creates the shape for the given cell state. </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.createIndicatorShape = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Creates the indicator shape for the given cell state.</div></div><divclass=CToolTipid="tt11"><divclass=CFunction><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=PAfter
