Monday, July 6, 2009

Xpages: How do YOU make rounded corners in IE?

I am looking for the easiest, lowest overhead way to round corners in IE. I have seen many different ways to do this on the web, and all look a little overly complicated. Of course if IE 8 would support CSS 3, it would be much easier.

In Firefox and Safari it is only a few lines of css styling like

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0 0 1px transparent;
-webkit-box-shadow: 0 0 1px transparent;




So i ask the Notes community for some tips, thanks

Here is my page in FireFox 3

firfox

Here is the same page in IE 8

ie

3 comments:

Anonymous said...

Hi,

Here what i found :

http://www.cssplay.co.uk/boxes/snazzy2.html

Anonymous said...

No ideas on the rounded corners, but will be watching for suggestions of your readers.

I do have a question for you, as I am learning XPages. I wonder how to best to do some things. In your image above you have a nice tab interface. In that is each tab a XPage or do you have multiple views controls one in each tab of a single XPage?

Mark Hughes said...

It is a tabbed panel on a single xpage, each tab contains a custom control with its on view and controls. In a previousblog entry i described how to remember which tab you were on when you go into the form and come back out.

Post a Comment