diff options
authorVrishali Doke2012-06-12 06:13:13 -0400
committerStephan Born2012-06-15 10:41:50 -0400
commita08d319e410bf55853bf8cf9ca22140ddc5aaf15 (patch)
parent7688c48e6ebe7dacbfbe0fb9c7b7e4750e66954d (diff)
CRNT-24766 - Added branding of login page details
git-svn-id: http://emeafrazerg/svn/ipp/product/trunk/stardust/documentation@57004 8100b5e0-4d52-466c-ae9c-bdeccbdeaf6b
1 files changed, 44 insertions, 2 deletions
diff --git a/ b/
index 4ab6dd5..b9d51c0 100644
--- a/
+++ b/
@@ -20,9 +20,22 @@
<h1>Creating Custom Skins</h1>
<p>You have the option to change the default appearance of the @productname@ Portal
by creating custom skins, which you can select in the
-<a href="portal-config.html">Portal Configuration</a> view. To create a custom skin:</p>
+<a href="portal-config.html">Portal Configuration</a> view.</p>
+<p>This chapter covers the following:</p>
+ <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>
+<h2 id="skin">Creating Custom Skins</h2>
+<p> To create a custom skin:</p>
<li>Switch to the <a href="admin-portal/views/admin-portal-resource.html">
Resource Mangement View</a> of the
@@ -42,7 +55,7 @@ by creating custom skins, which you can select in the
your <a href="portal-config.html">Portal Configuration</a> view.</p>
<p class="image"><img src="images/select-custom-skin.png" alt=""><br>
<strong>Figure:</strong> Select your custom skin.</p>
-<h2>Example Stylesheet</h2>
+<h2 id="exam">Example Stylesheet</h2>
<p>The following sections shows example stylesheet classes
for a custom skin overriding
the default appearance.</p>
@@ -210,6 +223,35 @@ the default appearance.</p>
display: none;
+<h2 id="custom">Applying the 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>
+<p>Perform the following steps, to customize the login page:</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>
+ <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>
+ <li>Select <strong>Everyone</strong> from <strong>Apply To</strong> drop-down list. For more information, please
+ refer to the chapter <a href="portal-config.html">Portal Configuration</a>.</li>
+ <li>Click <strong>Save</strong></li>
+ <li>Log out of the @productname@ Portal. The login page displays the new look and feel.</li>
+<p>The default name of the .css file should be <tt>login.css</tt>.
+If you specify any other name, then you need to configure it in <tt></tt>.
+Specify the key <tt>Carnot.Login.Skin.StyleSheet=&lt;skinname&gt;</tt> in the <tt></tt> file. Include
+the file in the <a href="#skin">Resources folder</a> and apply configuration settings to everyone.</p>
<script language="JavaScript" type="text/javascript">