summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVrishali Doke2012-06-13 04:42:48 (EDT)
committerStephan Born2012-06-15 10:41:56 (EDT)
commit6e84adc7b12f6b0ec02142c5f93a1db2d7eaadad (patch)
treebacee79e04e6a9cb9d3a01e0b2ae34a3e982346c
parent3537a2cb03e73f57269eeae80fa8f81e9bd07fae (diff)
downloadorg.eclipse.stardust.documentation-6e84adc7b12f6b0ec02142c5f93a1db2d7eaadad.zip
org.eclipse.stardust.documentation-6e84adc7b12f6b0ec02142c5f93a1db2d7eaadad.tar.gz
org.eclipse.stardust.documentation-6e84adc7b12f6b0ec02142c5f93a1db2d7eaadad.tar.bz2
CRNT-24766 - Added example for branding
git-svn-id: http://emeafrazerg/svn/ipp/product/trunk/stardust/documentation@57034 8100b5e0-4d52-466c-ae9c-bdeccbdeaf6b
-rw-r--r--org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/banner.pngbin0 -> 4616 bytes
-rw-r--r--org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/bluefold.pngbin0 -> 4446 bytes
-rw-r--r--org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/foldstruct.pngbin0 -> 6689 bytes
-rw-r--r--org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/portal-skins.html47
4 files changed, 44 insertions, 3 deletions
diff --git a/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/banner.png b/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/banner.png
new file mode 100644
index 0000000..5fc4461
--- /dev/null
+++ b/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/banner.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/bluefold.png b/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/bluefold.png
new file mode 100644
index 0000000..3aef95e
--- /dev/null
+++ b/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/bluefold.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/foldstruct.png b/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/foldstruct.png
new file mode 100644
index 0000000..d179ab5
--- /dev/null
+++ b/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/images/foldstruct.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/portal-skins.html b/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/portal-skins.html
index b9d51c0..0b5bb54 100644
--- a/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/portal-skins.html
+++ b/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/portal-skins.html
@@ -29,7 +29,7 @@ by creating custom skins, which you can select in the
<ul>
<li><a href="#skin">Creating Custom Skins</a></li>
<li><a href="#Exam">Example Stylsheet</a></li>
- <li><a href="#custom">Applying the Customizable Branding to the Login Page</a></li>
+ <li><a href="#custom">Applying a Customizable Branding to the Login Page</a></li>
</ul>
@@ -224,7 +224,7 @@ the default appearance.</p>
}
</pre>
-<h2 id="custom">Applying the Customizable Branding to the Login Page</h2>
+<h2 id="custom">Applying a Customizable Branding to the Login Page</h2>
<p>As per requirement, you can customize the look and feel of the login page. You need to
create a login.css file and include it in the resources. Once you change the configuration setting,
the login page gets customized.</p>
@@ -234,7 +234,7 @@ the login page gets customized.</p>
<li>Create a .css file named <strong>login.css</strong></li>
<li>Include the .css file in the Resource Management view. For detail instructions, please refer
to these <a href="#skin">steps.</a> Note that if you want to include the images for the login page, create a folder
- named &lt;images&gt; under the <tt>skin/skin folder</tt> and provide the path in the .css file.</li>
+ named &lt;images&gt; under the <tt>skin/skin subfolder</tt> and provide the path in the .css file.</li>
<li>In the <strong>Configuration</strong> settings, click the <strong>Portal Configuration</strong>.</li>
<li>Select the newly added skin folder name from the <strong>Portal Skins</strong> panel of the
<strong>Portal Configuration</strong> settings</li>
@@ -250,6 +250,47 @@ If you specify any other name, then you need to configure it in <tt>carnot.prope
Specify the key <tt>Carnot.Login.Skin.StyleSheet=&lt;skinname&gt;</tt> in the <tt>carnot.properties</tt> file. Include
the file in the <a href="#skin">Resources folder</a> and apply configuration settings to everyone.</p>
+<h3>Example - Use Case</h3>
+<p>In this example, we want to display the blue color banner on the login page. To achieve this, perform the following
+steps:</p>
+<ol>
+ <li>Create an image file named <strong>banner.jpg</strong> which has a rectangle with blue color</li>
+ <li>Add the following script to create a <strong>login.css</strong> file</li>
+ <pre>
+ .iceOutTxt, .iceOutLbl {
+ font-family: Verdana;
+ color: blue;
+ }
+ div#loginBox .logo {
+ background: url("./images/banner.jpg") repeat scroll left top transparent;
+ border-bottom: 1px solid #CCCCCC;
+ clear: both;
+ color: #708090;
+ font-weight: bold;
+ height: 70px;
+ line-height: 70px;
+ width: auto;
+ }
+ </pre>
+
+ <li>Login to @productname@ Portal</li>
+ <li>Switch to the <strong>Administration</strong> perspective and open the <a href="admin-portal/views/admin-portal-resource.html"><strong>Resource Management</strong></a> view</li>
+ <li>Create a subfolder named <strong>blue</strong> under the <strong>skins</strong> folder </li>
+
+ <p class="image"><img src="images/bluefold.png" alt=""></p>
+ <li>Create a subfolder named <strong>images</strong> under the folder <strong>blue</strong></li>
+ <li>Add <strong>banner.jpg</strong> to <strong>images</strong> folder</li>
+ <li>Add <strong>login.css</strong> to <strong>blue</strong> folder</li>
+ <p class="image"><img src="images/foldstruct.png" alt=""></p>
+ <li>Open the <a href="portal-config.html"><strong>Portal Configuration</strong></a> dialog</li>
+ <li>Select <strong>Everyone</strong> from the <strong>Apply To</strong> drop-down list</li>
+ <li>Click the <strong>Portal Configuration</strong> view</li>
+ <li>Select <strong>blue</strong> from the <strong>Select Skin</strong> drop-down list</li>
+ <li>Save the configuration</li>
+ <li>Log out of the @productname@ Portal. The login page displays the blue banner as shown in the following screenshot.</li>
+ <p class="image"><img src="images/banner.png" alt=""></p>
+</ol>
+
<script language="JavaScript" type="text/javascript">