コンテンツ レジストリ
コンポーネント詳細レジストリ

すでに存在しない場合は、
<$SPECROOT>
/tomcat/webapps/spectrum/WEB-INF/console/config/ をコピーして
<$SPECROOT>
/custom/console/config/custom-app-config.xml をという名前のファイルを作成します。
custom-app-config.xml.
ファイルがすでに存在する場合、ファクトリ デフォルト ファイルへのカスタマイズした変更が含まれているため、追加の変更をする必要があります。
テキスト エディタでファイルを開きます。
該当するモデル タイプまたはモデル クラスのコンテンツ レジストリ エントリを作成します。
<contents-registry>
    ...
         <model-type>0xffff0000</model-type>
         <model-class>2</model-class>
    ...
</contents-registry>
コンテンツ レジストリ内に、アイコン登録 ID を指定します。この ID は、テーマ設定エントリにマップされます。
目的のテーマごとに <theme-config> エントリを作成します。これらのエントリは、前の手順からの登録 ID を使用して識別されます。
「ページ内およびページ外参照アイコンの設計」で説明されている通りに、各テーマのアイコンの外観を設計します。
「モデル アイコン ツールヒントの定義」の説明に従って、アイコンのツールヒントを定義します。
モデルの外観のサポートを作成したら、モデルのコンポーネント詳細画面で利用可能なビューと情報をカスタマイズする場合があります。
<$SPECROOT>
/custom/console/config/custom-app-config.xml ファイルを[保存して閉じます]。
OneClick クライアントを再起動して変更を有効にします。

OneClick （デフォルトのテーマ）
ユーティリティ
クラシック

<enumerate-cellicon>
<dynamic-cellicon>
<static-cellicon>

<theme-config>
   <icon-reg-id>mydevice-icon-config</icon-reg-id>
   <theme>Utility</theme>
   <on-page idref="mydeviceutil-iconbase-config"/>
   <off-page idref="mydeviceutil-oprbase-config"/>
   <enumerated-cellicon idref="component-cellicon-config"/>
</theme-config>
<theme-config>
   <icon-reg-id>mydevice-icon-config</icon-reg-id>
   <theme>Classic</theme>
   <on-page idref="mydeviceclassic-iconbase-config"/>
   <off-page idref="mydeviceclassic-oprbase-config"/>
   <enumerated-cellicon idref="component-cellicon-config"/>
</theme-config>
<theme-config>
    <icon-reg-id>mydevice-icon-config</icon-reg-id>
    <theme>OneClick</theme>
    <on-page idref="mydeviceoc-iconbase-config"/>
    <off-page idref="mydeviceoc-oprbase-config"/>
    <enumerated-cellicon idref="component-cellicon-config"/>
</theme-config>

ページ内
ページ外

<theme-config >
   <icon-reg-id>mydevice-icon-config</icon-reg-id>
   <theme>Utility</theme>
   <on-page idref="mydevice-utility-iconbase-config"/>
   <off-page idref="mydevice-utility-oprbase-config"/>
   <enumerated-cellicon idref="component-cellicon-config"/>
</theme-config>

<?xml version="1.0" encoding="UTF-8"?>
<icon-config id="mydevice-utility-iconbase-config">
   <static-color idref="default-iconbase-color-config"/>
   <shape-rectangle >
    <x>0</x>
    <y>0</y>
    <width>139</width>
    <height>84</height>
   </shape-rectangle>
   <stroke>Invisible</stroke>
<!-- ===========================================================
- Specify the location of where pipes will connect to the icon.- ============================================================ -->
   <pipe-connection>
    <x>73</x>
    <y>36</y>
   </pipe-connection>
   <components>
<!-- ==========================================================
- Definition of the model's base image. The color of this
- image is determined by the condition of the model.- ========================================================== -->
    <image-component index="2">
		<x>0</x>
		<y>0</y>
		<width>139</width>
		<height>84</height>
		<image idref="oneclick-orgservice-iconbase-image-config"/>
	</image-component>
   </components>
</icon-config>

四角形
角丸四角形
楕円形
多角形
折れ線グラフ

<shape-rectangle>
   <x>26</x>
   <y>24</y>
   <width>45</width>
   <height>14</height>
</shape-rectangle>

<shape-roundrectangle>
   <x>0</x>
   <y>0</y>
   <width>89</width>
   <height>68</height>
   <arcwidth>12</arcwidth>
   <archeight>12</archeight>
</shape-roundrectangle>

<shape-ellipse>
   <x>26</x>
   <y>24</y>
   <width>45</width>
   <height>14</height>
</shape-ellipse>

<shape-polygon>
   <point x="0" y="28" />
   <point x="10" y="10" />
   <point x="28" y="0" />
   <point x="116" y="0" />
   <point x="134" y="10" />
   <point x="144" y="28" />
   <point x="144" y="65" />
   <point x="134" y="80" />
   <point x="116" y="92" />
   <point x="28" y="92" />
   <point x="10" y="80" />
   <point x="0" y="65" />
</shape-polygon>

<shape-line>
   <x1>5</x1>
   <y1>5</y1>
   <x2>40</x2>
   <y2>40</y2>
</shape-line>

<icon-config id="device-iconbase-config">
   <static-color idref="device-iconbase-color-config"/>
   <shape-roundrectangle >
    <x>0</x>
    <y>0</y>
    <width>89</width>
    <height>68</height>
    <arcwidth>12</arcwidth>
    <archeight>12</archeight>
   </shape-roundrectangle>

<pipe-connection>
   <x>73</x>
   <y>36</y>
</pipe-connection>

<image-component index="1">
   <x>0</x>
   <y>0</y>
   <width>139</width>
   <height>84</height>
   <image idref="oneclick-orgservice-iconbase-image-config"/>
</image-component>

<?xml version="1.0" encoding="UTF-8"?>
<image id="oneclick-orgservice-iconbase-image-config">
   <select>
    <case>
    	<expression>
    		attrInt(AttributeID.CONDITION) == 0
    		<!-- GREEN_CONDITION -->
    	</expression>
    	<yield>
    		images/oneclick_org_service_green.png
    	</yield>
    </case>
    <case>
    	<expression>
    		attrInt(AttributeID.CONDITION) == 1
    	</expression>
    	<yield>
    		images/oneclick_org_service_yellow.png
    	</yield>
    </case>
    <case>
    	<expression>
    		attrInt(AttributeID.CONDITION) == 2
    	</expression>
    	<yield>
    		images/oneclick_org_service_orange.png
    	</yield>
    </case>
    <case>
    	<expression>
    		attrInt(AttributeID.CONDITION) == 3
    	</expression>
    	<yield>
    		images/oneclick_org_service_red.png
    	</yield>
    </case>
    <case>
    	<expression>
    		attrInt(AttributeID.CONDITION) == 4
    	</expression>
    	<yield>
    		images/oneclick_org_service_brown.png
    	</yield>
    </case>
    <case>
    	<expression>
    		attrInt(AttributeID.CONDITION) == 5
    	</expression>
    	<yield>
    		images/oneclick_org_service_grey.png
    	</yield>
    </case>
    <case>
    	<expression>
    		attrInt(AttributeID.CONDITION) == 6
    	</expression>
    	<yield>
    		images/oneclick_org_service_blue.png
    	</yield>
    </case>
    	<default>
    		images/oneclick_org_service_blue.png
		</default>
   	</select>
</image>

<?xml version="1.0" encoding="UTF-8"?>
<icon-config id="oneclick-orgservice-iconbase-config">
   <static-color idref="oneclick-default-iconbase-color-config"/>
   <shape-rectangle >
    <x>0</x>
    <y>0</y>
    <width>139</width>
    <height>84</height>
   </shape-rectangle>
   <stroke>Invisible</stroke>
<!-- ===========================================================
Specify the location of where pipes will connect to the icon.
============================================================-->
   <pipe-connection>
    <x>73</x>
    <y>36</y>
   </pipe-connection>
   <components>
<!-- ===========================================================
Definition of the model label.
============================================================ -->
    <label-component idref="default-iconlabel-config" index="1">
    	<x>0</x>
    	<y>77</y>
    	<column-list>
    		<field-column>
    			<column idref="column-modelname-config"/>
    			<column idref="column-devicetype-config"/>
    		</field-column>
    	</column-list>
    </label-component>
<!-- ==========================================================
Definition of the model's base image. Image color is determined by model condition.
-========================================================== -->
    <image-component index="2">
    	<x>0</x>
    	<y>0</y>
    	<width>139</width>
    	<height>84</height>
    	<image idref="oneclick-orgservice-iconbase-image-config"/>
    </image-component>
   </components>
</icon-config>

<!-- =================================================================
Definition of the model label.
====================================================================-->
<label-component idref="default-iconlabel-config" index="1">
   <x>0</x>
   <y>67</y>
   <column-list>
    <field-column>
    	<column idref="column-modelname-config"/>
    	<column idref="column-devicetype-config"/>
    </field-column>
   </column-list>
</label-component>

<?xml version="1.0" encoding="UTF-8"?>
<icon-config id="oneclick-orgservice-iconbase-config">
<static-color idref="oneclick-default-iconbase-color-config"/>
<shape-rectangle >
   <x>0</x>
   <y>0</y>
   <width>139</width>
   <height>84</height>
</shape-rectangle>
<stroke>Invisible</stroke>
<!-- =============================================================
Specify the location of where pipes will connect to the icon. - ============================================================== -->
<pipe-connection>
   <x>73</x>
   <y>36</y>
</pipe-connection>
<components>
<!-- =============================================================
Definition of the model text background.
============================================================== -->
   <image-component index="1">
    <x>0</x>
    <y>75</y>
    <width>94</width>
    <height>40</height>
    <image>
    	<select>
    		<default>
    			com/aprisma/spectrum/app/topo/images/
    			icon_text_background.png
    		</default>
    	</select>
    </image>
   </image-component>
   <image-component index="2">
    <x>0</x>
    <y>75</y>
    <width>94</width>
    <height>40</height>
    <selection-component>true</selection-component>
    <image>
		<select>
			<default>
				com/aprisma/spectrum/app/topo/images
				icon_selected_text_background.png
			</default>
		</select>
	</image>
   </image-component>
<!-- ============================================================
Definition of the model's base image. The color of this image is 
determined by the condition of the model.
============================================================== -->
   <image-component index="3">
    <x>0</x>
    <y>0</y>
    <width>139</width>
    <height>84</height>
    <image idref="oneclick-orgservice-iconbase-image-config"/>
   </image-component>
<!-- =============================================================
Definition of the image to show when the model is selected.
============================================================= -->
   <image-component index="4">
    <x>8</x>
    <y>0</y>
    <width>131</width>
    <height>72</height>
    <selection-component>true</selection-component>
    <image>
    	<select>
    		<default>
    			com/aprisma/spectrum/app/topo/images/
    			oneclick_selected_container.png
    		</default>
    	</select>
    </image>
   </image-component>
<!--==============================================================
Definition of the model name text field.
============================================================== -->
   <text-component idref="oneclick-default-textfield-config"index="5">
    <x>5</x>
    <y>97</y>
    <width>85</width>
    <height>13</height>
    <horizontal_alignment>left</horizontal_alignment>
    <text>
    	<attribute>0x1006e</attribute>
    </text>
   </text-component>
<!-- =============================================================
Definition of the model type name text.
============================================================= -->
   <text-component idref="oneclick-default-textfield-config" index="6">
    <x>5</x>
    <width>85</width>
    <height>12</height>
    <horizontal_alignment>left</horizontal_alignment>
    <text>
    	<attribute>AttributeID.DEVICE_TYPE</attribute>
    	<expression>
    		( value() == null || ((String)value()).length() ==
    		0 ) ? attr(AttributeID.MTYPE_NAME ) : value()
    	</expression>
    </text>
   </text-component>
<!-- ============================================================
Definition of the rollup condition symbol.
============================================================= -->
   	<image-component index="7">
    	<x>0</x>
    	<y>54</y>
    	<width>19</width>
    	<height>19</height>
    	<image idref="oneclick-rollup-triangle-image-config"/>
   	</image-component>
</components>
</icon-config>

<contents-registry>
   <reg-id>device-icon-config</reg-id>
   <tooltip-config>mydevice-tooltip-config</tooltip-config>
   <model-class>2</model-class>
   <model-class>5</model-class>
   <model-class>11</model-class>
   <model-class>12</model-class>
</contents-registry>

<?xml version="1.0" encoding="UTF-8"?>
<tooltip-config id="mydevice-tooltip-config"
xmlns ="http://www.aprisma.com"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.aprisma.com../../common/schema/column-config.xsd">
<format><![CDATA[
<html><table>
   <tr>
    <td><b>{0}</b></td>
    <td>{1}</td>
   </tr>
   <tr>
    <td><b>{2}</b></td>
    <td>{3}</td>
   </tr>
   <tr>
    <td><b>{4}</b></td>
    <td>{5}</td>
   </tr>
</table></html>
</format>
<param>
   <localize>com.aprisma.spectrum.app.util.render.ModelNameColumn</localize>
</param>
<param>
   <attribute>AttributeID.MODEL_NAME</attribute>
   <renderer>com.aprisma.spectrum.app.util.render.NullRenderer
   </renderer>
</param>
<param>
   <localize>
   com.aprisma.spectrum.app.util.render.NetworkAddressColumn
   </localize>
</param>
<param>
   <attribute>AttributeID.NETWORK_ADDRESS</attribute>
   <renderer>com.aprisma.spectrum.app.util.render.NullRenderer
   </renderer>
</param>
<param>
   <localize>
   com.aprisma.spectrum.app.util.render.MACAddressColumn
   </localize>
</param>
<param>
   <attribute>AttributeID.MAC_ADDRESS</attribute>
   <renderer>com.aprisma.spectrum.app.util.render.NullRenderer
   </renderer>
</param>
</device-tooltip-config>