kivitendo/css/design40/manual/todo.html @ 4cb374f9
| a3fd097d | Sven Schöling | <!DOCTYPE html>
|
|
<html lang="de">
|
|||
<head>
|
|||
<meta charset="utf-8" />
|
|||
<link href="../style.css" rel="stylesheet">
|
|||
<title>Kivitendo-Design: To Do's 2018</title>
|
|||
</head>
|
|||
<body class="developing">
|
|||
<header>
|
|||
<h1>Pendenzen betreffend Kivitendo-Design 4.0</h1>
|
|||
<nav><a href="index.html" title="Zur Übersicht bzw. Inhaltsverzeichnis">Zum Index</a></nav>
|
|||
</header>
|
|||
<div class="wrapper">
|
|||
<h2>Feldbeschriftungen kürzen</h2>
|
|||
<p>Um eine ruhige, gleichmässige horizontale Tabelle mit Feldbezeichnungsspalte und Datenspalte zu erhalten, ist es notwenig, speziell für die Standard-Bildschirmauflösung bestimmte Feldbezeichnungen zu kürzen. Somit kann die Bezeichnungspalte relativ schmal gehalten werden. Manchmal reicht es, wenn nur drei Buchstaben eingespart werden können.</p>
|
|||
<ul>
|
|||
<li>Einzelbegriffe mit Abschluss «…nummer» kürzen, Beispiel: Bestellnummer ➔ <i>Bestellnr.</i></li>
|
|||
<li>Datum <b>«Von» … «bis»</b> ➔ <i>Generell Begriff <b>«Von»</b> entfernen, sofern unnötig</i></li>
|
|||
<li>Bestellnummer des Kunden ➔ <i>Bestellnr.d.Kunden</i></li>
|
|||
<li>Bestellnummer beim Lieferanten ➔ <i>Bestellnr.b.Lieferantne</i></li>
|
|||
<li>Vorgangsbezeichnung ➔ <i>Vorgangsbezeichn.</i></li>
|
|||
</ul>
|
|||
<h2>Tag-Funktionen verbessern oder erweitern</h2>
|
|||
<p>Einige Funktionen könnten wirklich mal verbessert werden, indem z.B. die Übergabe einer Klasse möglich wird. Damit lassen sich Elemente deutlich besser mit CSS designen.</p>
|
|||
<ul>
|
|||
<li><b>L.date_tag:</b> Übergabe einer Klasse, die dann wirksam als Attribut-/Werte-Paar angezeigt wird, z.B. class="wi-date".<br>Alternativ könnte </li>
|
|||
<li><b>L.input_tag:</b> Standardgrösse anwenden, falls Attribut SIZE nicht übergeben wurde. Beim Übermitteln von Formulardaten gab es häufig Probleme, wenn das Attribut nicht gesetzt werden. Als Standard schlage ich <i>«size=10»</i> vor</li>
|
|||
</ul>
|
|||
</div>
|
|||
</body>
|
|||
</html>
|