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))

Show: Today's Messages :: Show Polls :: Message Navigator

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

Fri, 20 April 2012 08:33

Bertin Kiekebosch

Messages: 330
Registered: August 2011

Senior Member

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

Report message to a moderator

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

Fri, 20 April 2012 09:29

Rüdiger Herrmann

Messages: 335
Registered: July 2009

Senior Member

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

Report message to a moderator

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

Thu, 26 April 2012 13:05

Bertin Kiekebosch

Messages: 330
Registered: August 2011

Senior Member

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

Report message to a moderator

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

Fri, 27 April 2012 11:48

Tim Buschtoens

Messages: 396
Registered: July 2009

Senior Member

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/

Report message to a moderator

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

Goto Forum:

-=] Back to Top [=-

[ Syndicate this forum (XML) ] [

]

Current Time: Fri Apr 19 07:36:24 GMT 2024

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter