718 Sutter Street, Ste. 108 Folsom, California  95630 Phone:  (916) 608-8006 Fax:  (916) 608-0657 Contact Us

v1.0 Skin Configuration

In this guide you’ll find:

1. How to configure the links in the "Skip To" containers as well as those at the bottom “Back to Top” links.
2. Skin selection – one out of the 10 defaults provided by DTS
3. Configuration of the search to have it point to your collection.

1. “Back to Top” links:

• Select Admin(tab)->Languages
• Click "Language Editor"
• Expand [+] Local Resources -> [+] CA Back To Top -> [+] App_LocalResources
• There should be one field: accessLink.Text
• Select "Add Link" to edit the field, add as much detail as you'd like
• WARNING: make sure that the you remove any <p></p> tags since they'll
• force a new line to be made
• Example: <a href="/LinkClick.aspx?link=74">Add Link</a> Where 74 is the tab ID for the page you are trying to reach.

2. “Skip To” links:

• Select Admin(tab)->Languages
• Click "Language Editor"
• Expand [+] Local Resources -> [+] CA Skip To -> [+] App_localResources
• There should be one field: accessLink.Text
• Select "Add Link" to edit the field, add as much detail as you'd like
• WARNING: make sure that the you remove any <p></p> tags since they'll force a new line to be made
• Example: <a href="/LinkClick.aspx?link=74">Add Link</a> Where 74 is the tab ID for the page you are trying to reach.

3. Selecting your Skin:

You'll need to have the content owner browse to either location in the file system (based on if you deployed the skins through the admin tab or the host tab):

• [DNN]\Portals\_default\Skins\CA-Portal\     (most likely this one if you followed the instructions)
• [DNN]\Portals\0\Skins\CA-Portal\

There you should find the skin.css. The first thing you'll see when you edit this file is the import clauses. Anything wrapped in /*   */   is a comment. You'll see the line stating /* ***** Select a color scheme ***** */.
 
Find the skin you want to use:
/* @import url("/css/color_scheme_03_eureka.css"); */
 
Remove the comments so that it states:
@import url("/css/color_scheme_03_eureka.css");

Ok, at this point you should have only changed 1 line. Save this file and exit. DotNetNuke might have cached the style. I'd recommend logging in as host (through the interface and doing the following- from the nav, browse to Host - > Host Settings, [+] Advanced Settings,[+] Performance Settings. You should see a "Clear Cache" link. Click it once (it may take some time to process) and you should be done.

The next release will allow this to be configured through the interface.

4. Search Your Collection

You'll need to have the content owner browse to either location in the file system (based on if you deployed the skins through the admin tab or the host tab):

• [DNN]\Portals\_default\Skins\CA-Portal\javascript     (most likely this one if you followed the instructions)
• [DNN]\Portals\0\Skins\CA-Portal\javascript

There you should find the department.js. There will be three lines containing javascript variables:
var ca_site=""
var ca_client=""
var ca_styleS=""

Change the quoted items (ie. ca_all) depending on your collection’s title and you’re done. Save the file and exit.

The next release will allow this to be configured through the interface and an option to search either your collection or the entire CA collection will be surfaced.

Contact the developers

We'd be happy to hear from you. Let us know how we can help.

• Steve Rodda: srodda@stanfieldsystems.com
  
• Rogelio Ortiz

---