Skip to main content link. Accesskey S
  • Help
  • HCL Logo
  • HCL Notes and Domino Application Development wiki
  • THIS WIKI IS READ-ONLY. Individual names altered for privacy purposes.
  • HCL Forums and Blogs
  • Home
  • Product Documentation
  • Community Articles
  • Learning Center
  • API Documentation
Search
Community Articles > Developing Applications > Developing XPage Applications > XPage Styling > Alternate view row colors made easy
  • Share Show Menu▼
  • Subscribe Show Menu▼

Recent articles by this author

X-Pages Hide When Based on User Role

I got this code from John Mackey and Tim Tripcony discussing the best way to do this in the comments on one of my blog posts.   I thought it would be good to share!   compute the hide when value to    context.getUser().getRoles().contains('RoleName');   Author:  Mark Hughes Blog: ...

Xpages and @URLEncode

==The Work Around==   I had a circumstance where i needed to encode a variable with spaces into a web link via ssjs. So i looked for @URLEncode(), it not there.... So I emailed Paul Hannan and asked if there was a way to do this, and as usual he came back with a quick response with an answer. Here ...

Create a Picklist View in X-Pages

So i finally figured it out, by piecing many sources of code from around the internet.  Step 1. create a custom control. Create a custom control and put your view on it, and put a search bar and a select button above it like this, make the first column have a check box option    Configure this for ...

Alternate view row colors made easy

  This may be old news to some, but for me a tip from Paul Hannan made a big improvement to how my views look in X-Pages.First open the view in designer on your x-page, then click on All Properties, look for rowClasses   enter in two or 3 classes like - even, odd now add some css to your style ...

Loading Images and page Masking on an X-Page

Sometimes for various reasons, clicking on links in in X-page, or refreshing a view or a page may take several seconds to complete. So that users do not keep clicking on the button, or think the browser is not working, i have added a “loading image” and a mask to show people that the page is ...
Community articleAlternate view row colors made easy
Added by ~John Dwoponeplopakol | Edited by ~John Dwoponeplopakol on February 23, 2010 | Version 4
  • Actions Show Menu▼
expanded Abstract
collapsed Abstract
No abstract provided.
Tags: Alternate Row Colors, X-pages, iPhone

 This may be old news to some, but for me a tip from Paul Hannan made a big improvement to how my views look in X-Pages.First open the view in designer on your x-page, then click on All Properties, look for rowClasses
 

enter in two or 3 classes like - even, odd


designer

now add some css to your style sheet

.odd {
 background-color: rgb(248, 248, 248);
}

.odd:Hover {
 background-color: rgb(288, 250, 221);
}

.even {

}
.even:Hover {
 background-color: rgb(288, 250, 221);
}




That’s it, really simple alternate row colors in X-pages

The results will look something like this, depending on the contrast level on your screen you may or may not see the alternate line colors as they are very light gray with the hover color light yellow.


sample

Author:  Mark Hughes
Blog:  My Blogexternal link
Check out  your Lotus Notes ToDo's and Journal on the iPhone at Hughesconnect.comexternal link

  • Actions Show Menu▼


expanded Attachments (0)
collapsed Attachments (0)
Edit the article to add or modify attachments.
expanded Versions (4)
collapsed Versions (4)
Version Comparison     
VersionDateChanged by              Summary of changes
This version (4)Feb 23, 2010, 2:57:19 PM~John Dwoponeplopakol  
3Feb 23, 2010, 2:56:43 PM~Wendy Fezfanamarnivu  
2Feb 23, 2010, 2:55:49 PM~Wendy Fezfanamarnivu  
1Feb 23, 2010, 2:53:08 PM~Wendy Fezfanamarnivu  
expanded Comments (0)
collapsed Comments (0)
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedAbout
  • HCL Software
  • HCL Digital Solutions community
  • HCL Software support
  • BlogsDigital Solutions blog
  • Community LinkHCL Software forums and blogs
  • About HCL
  • Privacy
  • Accessibility