Eclipse Community Forums: Remote Application Platform (RAP) » Rounded corners in Browser Widget (IE9)

Home » Eclipse Projects » Remote Application Platform (RAP) » Rounded corners in Browser Widget (IE9)(Rounded corners in Browser Widget (IE9))

Rounded corners in Browser Widget (IE9) [message #850689]

Fri, 20 April 2012 04:33

Eclipse User

Hi,

I am using the browser widget in my RAP application to show some HTML styled with CSS. I an using rounded corners a lot. I firefox, google and opera I get rounded corners, but not in IE9.

CSS:
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;

If I create some content and I directly show this in IE9 I do get rounded corner, but not when it is shown by the browser widget.

Does someone recognize this problem and is there a solution for this?

Regards Bertin

Re: Rounded corners in Browser Widget (IE9) [message #850742 is a reply to message #850689]

Fri, 20 April 2012 05:29

Eclipse User

Bertin,

the browser widget uses an iframe element to render its content. Did you
try to put the rounded borders inside an iframe element?

HTH
Rüdiger

On 20.04.2012 10:33, Bertin Kiekebosch wrote:
> Hi,
>
> I am using the browser widget in my RAP application to show some HTML
> styled with CSS. I an using rounded corners a lot. I firefox, google and
> opera I get rounded corners, but not in IE9.
>
> CSS:
> -webkit-border-radius: 20px;
> -moz-border-radius: 20px;
> -khtml-border-radius: 20px;
> border-radius: 20px;
>
> If I create some content and I directly show this in IE9 I do get
> rounded corner, but not when it is shown by the browser widget.
>
> Does someone recognize this problem and is there a solution for this?
>
> Regards Bertin

--
Rüdiger Herrmann
http://codeaffine.com

Re: Rounded corners in Browser Widget (IE9) [message #857328 is a reply to message #850742]

Thu, 26 April 2012 09:05

Eclipse User

Yes,

we have rounded corners inside our browser widget. It works for any browser we tested except for IE. Experimented with a lot of tips for IE 7,8 and 9 but no rounded borders.

Seems indeed it has something to do with the combination of iframes and ie.

It looks not that fancy without rounded borders but we can live with it. (End user can switch to another browser).

Regards Bertin

Re: Rounded corners in Browser Widget (IE9) [message #858980 is a reply to message #857328]

Fri, 27 April 2012 07:48

Eclipse User

Hi.

> browser we tested except for IE. Experimented with a lot of tips for IE
> 7,8 and 9 but no rounded borders.

IE 7 and 8 do not support rounded borders at all, at least not by CSS.
For IE9 you should make sure you are triggering standard rendering for
CSS3 to work. For me it works fine loading an demo i found into the
browser widget:

- goto http://rap.eclipsesource.com/rapdemo/rap?startup=controls, tab
"browser"
- paste "http://davidwalsh.name/dw-content/css-rounded-corners.php" into
URL, press GO

The same site also gives some good help regarding border radius:
http://davidwalsh.name/css-rounded-corners

Greetings,
Tim

>
> Seems indeed it has something to do with the combination of iframes and ie.
> It looks not that fancy without rounded borders but we can live with it.
> (End user can switch to another browser).
>
> Regards Bertin
>
>

--
Tim Buschtöns

Twitter: @EclipseRAP
Blog: http://eclipsesource.com/blogs/

Professional services for RAP and RCP?
http://eclipsesource.com/services/rap/

Previous Topic:	ModalContext deadlock
Next Topic:	Integrating Eclipse Problems View in RAP application?

Goto Forum:

-=] Back to Top [=-

Current Time: Sat Jun 14 20:22:33 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter