Combination View Flat View Tree View
Threads [ Previous | Next ]
toggle
Roman Hoyenko
Round corners in IE
June 9, 2011 3:20 PM
Answer

Roman Hoyenko

Rank: Liferay Master

Posts: 868

Join Date: October 8, 2007

Recent Posts

I am trying to add round corners in IE7 with this hack:
http://code.google.com/p/curved-corner/

Basically, you need to include something like this:

.rounded-corners {
behavior: url(border-radius.htc);
border-radius: 20px;
}

the problem is the path to border-radius.htc works differently than you may expect—unlike background-image paths which are relative to the stylesheet, this path is relative to the page from which you call the CSS.

So, my question is - what is the root of the theme, how can I reference the file so it's being loaded? I'd prefer absolute path since I don't know where this is being called from.
I tried putting this htc file everywhere in the theme - in the top directory, into css, etc. I even put it in the root of portal itself, but it didn't help.
Deb Troxel
RE: Round corners in IE
June 9, 2011 6:25 PM
Answer

Deb Troxel

Rank: Junior Member

Posts: 81

Join Date: February 22, 2010

Recent Posts

You can use your theme project name for the root path. For example, if your theme war file is named myTheme-theme-6.0.6.1.war then the absolute path to your files will be /myTheme-theme/...

I think it's good practice to put all your files under _diffs, so if you put border-radius.htc directly under _diffs and deploy, then the path would be /<theme>-theme/border-radius.htc.

From this post http://www.liferay.com/community/forums/-/message_boards/message/5390868 it looks like there is an option to specify your own context path rather than use the theme name, but I haven't done that.
Roman Hoyenko
RE: Round corners in IE
June 10, 2011 7:17 AM
Answer

Roman Hoyenko

Rank: Liferay Master

Posts: 868

Join Date: October 8, 2007

Recent Posts

That worked, thanks so much!
Dhivya Das
RE: Round corners in IE
June 5, 2012 1:33 AM
Answer

Dhivya Das

Rank: New Member

Posts: 9

Join Date: December 29, 2010

Recent Posts

Hi,

I i tried putting the border-radius.htc file under the _diffs and in my css i have added behavior: url(/test-theme/border-radius.htc);. But it is not reflecting.

Please guide me in this.

Regards,
Dhivya
Theoni Zaharia
RE: Round corners in IE
September 21, 2012 5:53 AM
Answer

Theoni Zaharia

Rank: New Member

Posts: 21

Join Date: February 21, 2012

Recent Posts

Hi Roman Hoyenko
can you help us solve the problem?

We have added behavior:url(border-radius.htc); to custom.css but the problem isn't solved in IE