1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
3<!-- InstanceBegin template="/Templates/default_template.dwt" codeOutsideHTMLIsLocked="false" -->
4<head>
5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6<meta http-equiv="Content-Style-Type" content="text/css" />
7<!-- InstanceBeginEditable name="CSS の相対パス指定" -->
8<link href="../../../common/manual.css" rel="stylesheet" type="text/css" />
9<script type="text/javascript" src="../../../common/ibox.js"></script>
10<!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="ページのタイトル" -->
11<title>Common Features of Properties Panels</title>
12<!-- InstanceEndEditable -->
13</head>
14<body>
15<div>
16  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
17    <h1>Common Features of Properties Panels</h1>
18    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
19    <p>The <B>Properties </B> panel has been prepared for editing different kinds of content data loaded into CreativeStudio.</p>
20    <p>This page describes common features of the <B>Properties</B> panels.</p>
21    <h2>Common Features of Properties Panels</h2>
22    <p>This page describes common features of the <B>Properties</B> panel.</p>
23    <ol>
24      <li><a href="#single_panel">Opening the panel in its own window</a></li>
25      <li><a href="#rename_content">Changing content names</a></li>
26      <li><a href="#category">Selecting categories</a></li>
27      <li><a href="#categori_scroll">Icons for Category scroll and Return to top</a></li>
28      <li><a href="#property_copy">Copy &amp; paste on the Properties panel</li>
29      <li><a href="#color_picker">Color Picker features</a></li>
30      <li><a href="#popup_control">Setting slider range using Popup control</a></li>
31    </ol>
32    <a href="assets/property_panel.png" rel="ibox" title="Click the image to enlarge"><img class="ui_thumb" src="assets/property_panel.png" alt="Properties panel"/></a>
33    <h3>Opening the panel in its own window</h3>
34    <p>Two methods of opening the <B>Properties</B> panel in its own window are given below.</p>
35    <ol>
36      <li>Select contents in the <B>Content</B>s panel. On the CreativeStudio menu, then select <B>Window &gt; Properties panel</B>.</li>
37      <li>Double click the icon of content displayed in the <B>Contents</B> panel.</li>
38    </ol>
39    <img src="assets/property_panel01.png" alt="Opening the Properties panel in its own window"/> <a name="rename_content" id="rename_content"></a>
40    <h3>Change name of content</h3>
41    <p>You can change the names of content in the Properties panel.</p>
42    <img src="assets/property_panel02.png" alt="Changing content names"/>
43    <p>After a content name displayed on the <B>Properties</B> panel has been changed, you can apply the change by pressing the Tab key or Enter key.</p>
44    <a name="category" id="category"></a>
45    <h3>Category show/hide setting</h3>
46    <p>In the Details mode, a checkbox displays next to each category in the Properties panel.</p>
47    <p>Mark or clear the checkbox to show or hide the details for that category.</p>
48    <p><B>Example:</B> Selecting categories in the material <B>Properties</B> panel</p>
49    <img src="assets/property_categori.png" alt="Editing Properties panel categories"/>
50    <p>In the above graphic, the checkboxes for <B>General </B>and <B>Shader parameters</B> have been cleared, so the details for these categories are not displayed in the material <B>Properties</B> panel.</p>
51    <a name="categori_scroll" id="categori_scroll"></a>
52    <h3>Icons for Category scroll and Return to top</h3>
53    <p>In Details mode, clicking on the arrow icon next to a category scrolls the panel to the settings items for that category.</p>
54    <img src="assets/property_categori03.png" alt="Editing Properties panel categories 03"/>
55    <p>There is also an arrow icon next to each category item name, and clicking on that icon returns the panel to the top of the category.</p>
56    <img src="assets/property_categori04.png" alt="Editing Properties panel categories 04"/> <a name="property_copy" id="property_copy"></a>
57    <h3>Copy &amp; Paste on the Properties Panel</h3>
58    <p>Settings on the <B>Properties</B> panel can be copy &amp; pasted.</p>
59    <p>To copy the settings, press the <B>Copy</B> button on the <B>Properties</B> panel.</p>
60    <img src="assets/property_categori01.png" alt="Editing Properties panel categories 01"/>
61    <p class="new_hint"><B>Note:</B> Currently, the copy &amp; paste feature is only supported by the material <B>Properties</B> panel in <B>Details</B> mode, and by the particle set <B>Properties</B> panel and the particle emitter <B>Properties </B>panel.</p>
62    <p class="hint_warn">Caution:<br /> When the checkbox is marked for a category, its items can be copied. In the above figure, the settings for the <B>General </B> and <B>Shader parameters </B> categories are not copied.</p>
63    <h4>Properties Panel - Paste</h4>
64    <p>Right-click on an item of content in the <B>Contents</B> panel to paste to that content the settings that were copied in the Properties panel.</p>
65    <p>When you right-click, the following menu displays. Select <B>Edit </B>&gt; <B>Paste properties</B>.</p>
66    <img src="assets/property_categori02.png" alt="Editing Properties panel categories 02"/>
67    <p>The copied settings are pasted to the selected content.</p>
68    <a name="color_picker" id="color_picker"></a>
69    <h3>Color Picker features</h3>
70    <p>If there is a color thumbnail in the Properties panel, the Color picker will display when you left-click on the thumbnail.</p>
71    <p>You can use the Color picker to set RGB and HSV.</p>
72    <p class="no">(1) Left-click on a thumbnail in the panel.</p>
73    <img src="assets/color_picker00.png" alt="Color Picker"/>
74    <p class="no">(2) The Color picker pops up, and you can use the sliders or enter numerical values to set the color.</p>
75    <img src="assets/color_picker01.png" alt="Color picker 01"/> <a name="popup_control" id="popup_control"></a>
76    <h3>Setting slider range using Popup control</h3>
77    <p>The Slider range in each Properties panel can be set from the Popup control icon.</p>
78    <img src="assets/popup_control.png" alt="Popup control"/>
79    <p>Move the cursor over the Popup control icon to display the range currently set for the slider.</p>
80    <p>Click on the Up/Down icons to change the slider range.</p>
81    <img src="assets/popup_control01.png" alt="Popup control 01"/> <!-- InstanceEndEditable --> </div>
82  <div class="footer" />
83</div>
84<hr><p>CONFIDENTIAL</p></body>
85<!-- InstanceEnd -->
86</html>