Formatting elements

[AJDulk]

I have the following example code that I am trying to build in Ebase:

Code: Select all

<table>
	<thead>
		<tr>
			<th>	</th>
			<th> </th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				<label>NI number</label>
			</td>
			<td>
			<input>
				<code>
					<a>
						<span>This is a css tooltip.</span>
					</a>
				</code>
			</td>
		</tr>
		<tr>
			<td>
				<label>Naam</label><span>*</span>
			</td>
			<td>
				<input>
			</td>
		</tr>
		<tr>
			<td>
				<label>Birth Date</label>
			</td>
			<td>
				<input>
			</td>
		</tr>
		<tr>
			<td>
				<label>Address</label>
			</td>
			<td>
				<input>
			</td>
		</tr>
	</tbody>
</table>

I am currently using a Grid and have managed to get the "data" class on the table element and the class "fit" on the input type. The one I with which I am having trouble is the the "split" on the table row - any ideas how to achieve this? If you have a better way to achieve the result than Grid then feel free to offer it.

If you wish to see an example with CSS then check out https://concern.ir.rotterdam.nl/uipatte ... #panel-box

[Jon]

Antony,

We are planning to introduce a new custom layout in the next V4.5 service pack. This will let you specify your own HTML - as per your example - instead of using one of the Ebase supplied layouts. So if you can wait a few weeks, this should do what you want.

Having said that, your HTML is very close to that of a Field Grid layout. Any reason why you're not using this?

Regards
Jon

[Wai]

I had the same requirement for one of my projects.

The table needed to have fixed column headers and a scroll bar on the table. To do this, it's necessary to split the <th> tag from the <tbody> and put it into the <thead>.

There will be a number of ways to do this.

1) New Custom Layout
This will involve defining your own HTML and associating it to a Repeater control.

2) Writing the column headers to Ebase table using JQuery
To do this, disable the default column headers in Ebase.
Place a HTML locator on the table
Use JQuery to locate the table and write out your own column headers.
Obvious downside is JavaScript is required.

[AJDulk]

I see that the forum stripped all the class definitions

@Jon: We have tried different options including the field grid, if I remember correctly the field grid layout placed far to many extra elements in the HTML that caused shifts in the styling due to the CSS we have to use - grid was (according to my colleague) the cleanest layout that nearly achieved what we wanted.

@Jon & Wai: I am looking forward to seeing what the new layout has to offer. The name already sounds promising. Thanks for the answers.

[DennyAfstand]

Your idea did not come true? I'd like to see new development.

[dvanhussel]

I see that the forum stripped all the class definitions

@Jon & Wai: I am looking forward to seeing what the new layout has to offer. The name already sounds promising. Thanks for the answers.

Hi Anthony,

I've used the new (Velocity based) templating with custom layouts that is introduced in version 4.5.1 (released today).
We use it to generate 'table-free' HTML for input fields.

The feature is realy powerfull, so I think that it will be a solution for your problem.

Regards,

David

[AJDulk]

Hi David,

Thanks for letting me know it has been released, I am looking forward to trying the new feature(s).