HTML/CSS/DXTransform

Nicholas McCagg July 31, 2011

The company that I work for uses Confluence 2.10.3 for the time being and is upgrading to 3.5.x within the month. I'm running locally hosted versions of 3.5.7 and 4.0-m29 to try and see what we can do with HTML and CSS in both our current version and future versions. The one issue that I'm experiencing is that our company uses Internet Explorer 7 and 8, making any usage of HTML and CSS limited even more than what Confluence can already do.

I'm using the {html-include} macro to link to a locally hosted .html file and defining the CSS via the Stylesheets function of a space. The only problem is, IE doesn't support any version of box-shadow, linear-gradient, or border-radius. The border-radius function isn't that much of a setback, as boxes not having rounded corners I can live with. However, with no support for box-shadow or linear-gradient, I'm forced to use filters for Internet Explorer.

My question is essentially this: does Confluence have support for DXImageTransform functions yet? If it does, how can I make them work? If it doesn't, could this possibly be a future feature. Not having them makes it so that other elements don't display properly.

3 answers

Comments for this post are closed

Community moderators have prevented the ability to post new answers.

Post a new question

0 votes
BenA
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
August 7, 2011

AFAIK you can put whatever CSS you like into Confluence space stylesheets, including IE filters. I've just done a quick test and was able to apply...

"progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"

...using a personal space stylesheet.

I'm using the {html-include} macro to link to a locally hosted .html file

Normally that would be used to insert source directly, how do you mean you're "linking" to it? Do you mean you're just inserting a link to another server, or are you putting it into an iframe or something like that?

0 votes
Nicholas McCagg August 1, 2011

I tried using CSS3 PIE and it certainly fixes whatever problems I had rendering the actual HTML page in IE without even using the DXImageTransform functions, but I'm still running into the situation that, when built in a Confluence page using {html-include}, it doesn't render any of the formatting.

0 votes
David at David Simpson Apps
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
July 31, 2011

Maybe consider Modernizr, HTML5shiv or CSS3PIE etc.

Check this Stack Overflow answer:
http://stackoverflow.com/questions/5667076/modernizr-html5shiv-ie7-js-and-css3-pie-which-to-use-and-when/5668493#5668493

Nicholas McCagg August 1, 2011

I think that I might be able to do it using CSS3 PIE. Basically, I'm just defining its behaviors using the PIE.htc library?

Comments for this post are closed

Community moderators have prevented the ability to post new answers.

Post a new question

TAGS
AUG Leaders

Atlassian Community Events