Sorry for the delay in responding ...
Since the changes you want to make are in the header section, you'll need to make 2 changes in 2 places.
1. setup a class to define the foreground and background color you want to use
2. edit the XML file to instruct the template engine to use your new class when rendering certain controls
Recommendation:
Create a copy of the repository template you are using and edit your copy, so upgrading or re-installing won't overwrite your changes. In this example I'll use the 'default' repository template.
1. copy /DesktopModules/Repository/Templates/default to /Portals/0/RepositoryTemplates/default
If you don't have a RepositoryTemplates folder in your Portal root, just create it. If you're using a different template, just make sure to copy the folder of the template you want to change from the DesktopModules folder structure to the Portals folder structure.
Ok, now here we go .. make sure your seatbelt is fastened and your computer is in an upright position..
1. Since the header.html file is rendered only once per repository module, it's a good place to define your custom class. Edit the Header.HTML file in your copy folder using notepad or any text editor
2. At the top of the file, add the following lines to create a new class definition.. set the foreground and background to whatever you like. In this example I will reverse the normal colors and have white text on a black background.
<style type="text/css">
.ReverseStyle
{
color: #ffffff;
background-color: #000000;
}
</style> |
3. Save the file.
4. Open the Header.XML file in notepad or a text editor of your choice. find the Token tags for the control that you want to use your new class for, and set the CssClass Named setting to your new class name. For example. I find the CATEGORIES token and see that the CssClass is set to "normal". Change it to use my new class.
<Token>CATEGORIES</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>ReverseStyle</Value>
</Setting>
</Settings> |
5. Save the file.
6. Now, if I browse to the web page with my repository module on it .. I will see that the Categories drop down list is now rendered with white text on a black background.
7. I can do the same thing for the [SORT] token
8. Here's a BIG gotcha though .. there's a bug in the template engine, when looking in the XML file for [SEARCHBOX] token, it looks in Template.XML instead of Header.XML. So you'll have to add a new token named [SEARCHBOX] to the Template.XML file and set it's CssClass setting there instead. ( sorry )
That should do it for you. If you have any problems, or other questions, just ask anytime :)