Xpages and nice buttons using css

On February 20, 2009, in Uncategorized, by Mark Hughes

I saw a post recently about how to use dojo themed buttons on your xpages, but they only seemed to work on forms, not views, at least i was having trouble making them consistent across all of my pages.

So i took some screen shots and created a css file and applied them to all the buttons, i guess i should create a them to do that for me.

Here is what it looks like finished..

here is the css code

.button {
background-image:url(button2.png);background-repeat:repeat-x
height:30px;
margin-bottom:3px;
padding-left:0px;
font-weight:bold;
font-family:Arial,serif;
font-size:9pt;
color: rgb(14,94,152);
border-color:#C0C0C0 #9B9B9B #9B9B9B #C0C0C0;
border-style:solid;
border-width:1px;
padding: 0.2em;
}

.button:hover{
background-image:url(button2over.png);background-repeat:repeat-x;
border-color:#A5BEDA #5C7590 #5C7590 #A5BEDA;
color:#000000;

}

here are the images

 

Leave a Reply

Your email address will not be published. Required fields are marked *