6.1 conditional css?

Classic Servoy
1

Hi,

I’ve been playing around with the new css features in 6.1
I noticed the border-radius isn’t supported by IE.

Is there a way to use conditional css as is common for ‘normal’ css?
Tried

		border-radius: 15px;

But that just blocks it for all browsers… :-(

2

Conditional comments (which is a proprietary mechanism of IE) in Servoy StyleSheets are not supported, but why do you need them at all?

You’re use-case doesn’t make much sense to me, as if a version of IE doesn’t support the border-radius CSS property, it’ll just ignore it

Paul

3

pbakker:
You’re use-case doesn’t make much sense to me, as if a version of IE doesn’t support the border-radius CSS property, it’ll just ignore it

Hi Paul,

if that was the case I wouldn’t have started this thread.
I use a label with this styleclass:

label.headers {
	border: 0px solid;
	border-color: #204A9E;

	color: #FFFFFF;
	background-image: linear-gradient(top, #204A9E, #99B4EA);
	
	margin-left: 10px;
	font-size: 14pt;
	font-weight: bold;
	font-variant: normal;
	border-radius: 15px;
}

If I use IE to display this layout, not only the border-radius is ignored, but also my background-image…
Having my font in white against a white background, this page has become unusable.

As soon as I take out the border-radius, IE will nicely show the background-image (gradient) as well.

So what exactly is ignored? The whole style class, or just that specific property of the class.
As I understand it now this seems a bug…

4

Hi Marc,

With the additional info you gave now, I can see where you’re coming from.

I think the solution to your problem is not conditional comments, but specifying a fallback background-color in the styleclass to render a proper background color on browsers that do not support gradients.

So, if you add “background-color: red;” somewhere above the background-image property in the class, the label should have a red background if the browser cannot render the linear-gradient value for the background-image property

Hope this helps

Paul