html/css in displayType 'HTML-area'

Classic Servoy
1

I got a little html/css question: I want to force uppercase & lowercase in the same ‘html-area’, but this doen’t work :(

var string = ‘p.uppercase {text-transform: uppercase;}p.lowercase {text-transform: lowercase;}p.capitalize {text-transform: capitalize;}

This is some text.

This is some text.

This is some text.

’;
return string;

Servoy 7.4.3
source: http://www.w3schools.com/cssref/tryit.a … -transform

Any tips?
Thanks!

2

Hi Koen,

is this smart- or webclient?

3

It is the smart client

4

Hi Koen,

sorry to tell you, but this will most probably just not work in smart-client.
html/css versions supported in java are outdated (already 7 years ago, imagine what it is now :-( )
and I believe implemented versions are even a subset of what it should be capable of.

You could try to rewrite it using inline styles, sometimes this could solve it.
Otherwise: could you do this using a calculation?

5

Thank you Marc,

You helped me ‘Think outside the html/css-Box!’
and look inside the javascript-box :D

This is some Text.
THIS IS SOME TEXT.
this is some text.
firstname LASTNAME

function test_html()
{
	var text = '';
	var string_html = '<html><body>';
	text = 'This is some Text.';
	string_html = string_html + '<p>' + text + '</p>';
	text = text.toUpperCase();
	string_html = string_html + '<p>' + text + '</p>';
	text = text.toLowerCase();
	string_html = string_html + '<p>' + text + '</p>';
	text = 'firstname';
	string_html = string_html + '<p>' + text;
	text = ' lastname';
	text = text.toUpperCase();
	string_html = string_html + '<a style="font-weight: bold">' + text + '</a></p>';
	string_html = string_html + '</body></html>';	
 	return string_html;
}