oneUI und DateTime-Picker

[Flachmann]

 Hallo!

Ich habe mich mal etwas mit IBMs OneUI beschäftigt. Das sieht ja wirklich nett und synchron aus. Unten mal eine einfache XPage mit lotus-Klassen.

Unschön wirkt nur der DateTime-Picker, dessen Schaltfläche mal rechts, mal unter dem Feld angezeigt wird, je nachdem, ob man 'lotusText' beim inputText1 angibt, oder nicht:

Code

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

	<xp:div styleClass="lotusui">
		<xp:div styleClass="lotusForm2">
			<xp:div styleClass="lotusFormBody">
				<xp:table styleClass="lotusFormTable">
					<xp:tr styleClass="lotusFormField">
						<xp:td>
							<xp:label value="Date:" id="label1" for="inputText1">
							</xp:label>
						</xp:td>
						<xp:td>
							<xp:inputText id="inputText1" styleClass="lotusText"
								style="width:auto">
								<xp:dateTimeHelper id="dateTimeHelper1"></xp:dateTimeHelper>
								<xp:this.converter>
									<xp:convertDateTime type="date" dateStyle="short">
									</xp:convertDateTime>
								</xp:this.converter>
							</xp:inputText>
						</xp:td>
					</xp:tr>

					<xp:tr>
						<xp:td></xp:td>
						<xp:td>Here is some text only.</xp:td>
					</xp:tr>
				</xp:table>
			</xp:div>
		</xp:div>
	</xp:div>
</xp:view>

Habt Ihr da einen Vorschlag, wie man das umgehen kann? Gleiche Klasse heißt halt auch, dass die Felder alle gleich wirken und ein schönes Bild geben.

Oder nutzt Ihr diese oneUI gar nicht?

[Jan Grünklee]

Hi,

probier mal folgendes aus:

Code

<xp:inputText id="inputText1" style="width:auto; white-space:nowrap;">
	<xp:dateTimeHelper id="dateTimeHelper1"></xp:dateTimeHelper>
	<xp:this.converter>
		<xp:convertDateTime type="date" dateStyle="short"></xp:convertDateTime>
	</xp:this.converter>
</xp:inputText>

Das sollte das umbrechen der Schaltfläche verhindern.

So far...
Jan