carbidesdk/com.nokia.carbide.cpp.sdk.doc.user/html/CustomComponents/tutorials/verticallabel_s60/verticallabel_tutorial_01.htm
changeset 1704 24ac5a5cf80c
parent 0 fb279309251b
--- a/carbidesdk/com.nokia.carbide.cpp.sdk.doc.user/html/CustomComponents/tutorials/verticallabel_s60/verticallabel_tutorial_01.htm	Tue Jul 27 15:20:28 2010 -0500
+++ b/carbidesdk/com.nokia.carbide.cpp.sdk.doc.user/html/CustomComponents/tutorials/verticallabel_s60/verticallabel_tutorial_01.htm	Tue Jul 27 15:28:19 2010 -0500
@@ -1,39 +1,39 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
-<meta http-equiv="Content-Style-Type" content="text/css" />
-<title>Create Project for Example Component Files</title>
-<link rel="StyleSheet" href="../../../../book.css" type="text/css"/>
-</head>
-<body bgcolor="#FFFFFF">
-<h2>Tutorial: Vertical Label Component - Create Project for Example Component Files</h2>
-<p>First create a General Project:</p>
-<ol>
-  <li>Select <strong>File &gt; New &gt; Project</strong>...</li>
-  <li>Select Project in the General folder.</li>
-  <li>Click Next and continue with wizard setup by specifying a project name, workspace location, and referenced projects (if applicable).</li>
-  <li>On last page of wizard click Finish to create the simple project.</li>
-</ol>
-<p>The project will appear in the Project Explorer view. Select the project and right-click to display the context menu. Select <strong>Show in Explorer</strong> from the list of menu options. Grab the example zip file from <span class="code">{Carbide_Installation_Dir}\plugins\com.nokia.sdt.series60.componentlibrary_<i>version</i>\templates\tutorials\example_components\example_components.zip</span>, where <i>version</i> is the current version of UI Designer, and unzip the Vertical Label example files into your new simple project folder. The files include:</p>
-<ul>
-  <li>example_verticallabel.rh</li>
-  <li>layoutImage.png</li>
-  <li>VerticalLabel1.component</li>
-  <li>VerticalLabel1.properties</li>
-  <li>VerticalLabel2.component</li>
-  <li>VerticalLabel2.properties</li>
-  <li>VerticalLabel.cpp</li>
-  <li>VerticalLabel.h</li>
-  <li>VerticalLabel.js</li>
-  <li>VerticalLabel.png</li>
-  <li>VerticalLabel_layout.png</li>
-  <li>VerticalLabel_sm.png</li>
-</ul>
-<p>The difference between the VerticalLabel1 and VerticalLabel2 example is that the VerticalLabel2 example uses the implementations element to implement the IVisualAppearance class and call a JavaScript file to render the vertical label component and make it visible within the UI Designer. Code within the JavaScript file sets the background, font, size, draws the rectangle, and defines other related properties.</p>
-<h5>Step 2 of 5</h5>
-<p><a href="verticallabel_tutorial_02.htm">Enable Components Menu</a></p>
-<p><img src="../../../img/nokia_copyright.png" alt="copyright" width="280" height="21"></img></p>
-
-</body>
-</html>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
+<meta http-equiv="Content-Style-Type" content="text/css" />
+<title>Create Project for Example Component Files</title>
+<link rel="StyleSheet" href="../../../../book.css" type="text/css"/>
+</head>
+<body bgcolor="#FFFFFF">
+<h2>Tutorial: Vertical Label Component - Create Project for Example Component Files</h2>
+<p>First create a General Project:</p>
+<ol>
+  <li>Select <strong>File &gt; New &gt; Project</strong>...</li>
+  <li>Select Project in the General folder.</li>
+  <li>Click Next and continue with wizard setup by specifying a project name, workspace location, and referenced projects (if applicable).</li>
+  <li>On last page of wizard click Finish to create the simple project.</li>
+</ol>
+<p>The project will appear in the Project Explorer view. Select the project and right-click to display the context menu. Select <strong>Show in Explorer</strong> from the list of menu options. Grab the example zip file from <span class="code">{Carbide_Installation_Dir}\plugins\com.nokia.sdt.series60.componentlibrary_<i>version</i>\templates\tutorials\example_components\example_components.zip</span>, where <i>version</i> is the current version of UI Designer, and unzip the Vertical Label example files into your new simple project folder. The files include:</p>
+<ul>
+  <li>example_verticallabel.rh</li>
+  <li>layoutImage.png</li>
+  <li>VerticalLabel1.component</li>
+  <li>VerticalLabel1.properties</li>
+  <li>VerticalLabel2.component</li>
+  <li>VerticalLabel2.properties</li>
+  <li>VerticalLabel.cpp</li>
+  <li>VerticalLabel.h</li>
+  <li>VerticalLabel.js</li>
+  <li>VerticalLabel.png</li>
+  <li>VerticalLabel_layout.png</li>
+  <li>VerticalLabel_sm.png</li>
+</ul>
+<p>The difference between the VerticalLabel1 and VerticalLabel2 example is that the VerticalLabel2 example uses the implementations element to implement the IVisualAppearance class and call a JavaScript file to render the vertical label component and make it visible within the UI Designer. Code within the JavaScript file sets the background, font, size, draws the rectangle, and defines other related properties.</p>
+<h5>Step 2 of 5</h5>
+<p><a href="verticallabel_tutorial_02.htm">Enable Components Menu</a></p>
+<div id="footer">Copyright &copy; 2010 Nokia Corporation and/or its subsidiary(-ies). All rights reserved. <br>License: <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a></div>
+</div>
+</body>
+</html>