Hi

 

I have been developing Notes applications for about 15 years now and am starting to develop XPage applications - am loving / hating it... things that are difficult in Notes seem easy in XPages - easy Notes things are difficult in XPages :o)

 

Anyway... I have a VERY simple XPage (which I have attached) that is giving me no end of trouble when I try and format it. The view is an alphabetic list of the people with their telephone numbers - the person's name is a link that opens the person document. 

 

What I would LIKE to have is our fonts etc. - I am using (and would like to continue to use) the oneUI for the application. I would like ALL text to be Verdana 12 pt black and all links to Verdana 12 pt cyan. I would also like the telephone numbers to be aligned under one another (I assume I will need to use a table) - the number is currently directly after the link to the person.  The table that is to be used needs to have alternating colors (you know the type - the background is light grey for every other line). 

 

I assume that I need to do this using css - I do not know where to start though :o(

 

I have been looking at this excellent description of oneUI (wish my xPages where this fast :o) - http://www-12.lotus.com/ldd/doc/oneuidoc/docpublic/guidelines/files.htm - I sort of get the general gist of what I should do but cannot seem to get started :o)

 

Thank you for any help given 

Ursus Schneider 

 

<?xml version="1.0" encoding="UTF-8"?>

<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

<xp:this.data>

<xp:dominoView var="peopleView" viewName="xpActivePeople"></xp:dominoView>

</xp:this.data>

<xp:panel styleClass="lotusFrame">

<xp:pager layout="Previous Group Next" partialRefresh="true"

id="pager1" for="repeat1">

</xp:pager>

<xp:repeat id="repeat1" rows="30" value="#{peopleView}" var="viewRow" indexVar="rowIndex">

<xp:link escape="true" id="link1" value="/mitarbeiterinnenDisplay.xsp">

<xp:this.text><![CDATA[#{javascript:viewRow.getColumnValue("Name")}]]></xp:this.text>

</xp:link>

<xp:text escape="true" id="computedField1"><xp:this.value><![CDATA[#{javascript:viewRow.getColumnValue("PHONI0")}]]></xp:this.value></xp:text>

<xp:br></xp:br>

</xp:repeat>

</xp:panel>

</xp:view>