Field bkgrnd and table view label issues in webclient

Classic Servoy
1

I’m new to web client and trying to build some lists to display in the browser - I understand that this requires I use a table view. I’m having some problems with formatting and I need to know what I’m doing wrong or whether I’ve encountered some web client limitations. Here are the issues:

  1. Using a label and attaching it to a field using the labelFor property does not display correctly if it’s a multi-line label (eg. the text is html). I can’t figure out how to grow the column header vertically to accommodate the extra line(s). Text rotation doesn’t seem to work either (this is the case with any label regardless of the form type, even though it appears to work in design mode).

  2. The column header in the table view takes on a light blue color irrespective of what I assign to the label itself.

  3. Fields are always transparent, even if I turn that property off, and therefore field background colors don’t seem to take at all.

  4. I can turn field borders on and off, but border styling doesn’t take - just a simple line is produced for a border.

Am I stuck with this or is there a way to get around these limitations? - Servoy 4.1.4

2

I also have a need for text labels on a form to keep their rotation in the Web Client. Is there a fix or a hack for this? :?:

3

@dponti: Can you try this in 5.x? If you still have trouble doing what you want there, please be more specific as to the code you already tried

@Logisoft: rotation is not supported unfortunalty. Browsers/html does not offer facilities to do so.

Paul

4

I thought you’d say that, Paul, and I should’ve posted the following HTML code in my previous post, which works in Safari, Chrome, Firefox, Patrick Talbot’s BrowserSuite (of course :wink: ) (http://www.servoy-stuff.net/browser_suite.php), and yes, even IEv6+! My son took his inspiration from http://snook.ca/archives/html_and_css/css-text-rotation:

<html>
<head>
<title>Test of vertical text</title>
<style type="text/css">
body {
padding-left: 20px;vertical-align:top;}
 .cont { 
			background-color:lightgray; 
			float:left;
			position:relative;
			padding:15px 35px 0px;
			margin-left:10px;
vertical-align:top;
			} 
.vcont {
display: inline;
float:left;
}

	     .vertical { 
			display:block; 
			position:absolute; left:-5px; top:15px;
			-webkit-transform: rotate(-90deg); 
			-moz-transform: rotate(-90deg);		
text-align:center;	
			}
.text {float:right;position:relative;top:-10px}

</style>

</head>
<body>
<div class="cont">
<div class="vcont"><span class="vertical">Vertical</span></div>
<span class="text">Normal
Normal</span>
</div>
</body>
</html>

Since it’s possible, can we get this option? Pretty please? :roll:

5

Nice stuff! Can you create a feature request with this information?

It doesn’t work in all browsers though and not supported in older versions of some of the popular browsers, but lets see what can be done with it.

Paul

6

Filed Case # 274392.

Thanks Paul,

Ben