Log in

System

You are here: System » Category » AdminDocumentationCategory » Skins » PatternSkin » PatternSkinCssCookbook » PatternSkinCssCookbookEditTableStyle

PatternSkinCssCookbook Recipe: EditTable style

17 Jun 2022 - 14:27 | Version 1 |

Cookbook example to illustrate control over EditTable edit styles.

  1. EditTable uses a monospace font in edit mode to make the input text width correspond to the set width of the table columns. The attached example style makes the text more readable by changing the monospace font to a naturally spaced one.
  2. EditTable table cell content is vertically centered. The example style makes the content aligned at the top.

Test table:

Head1 Head2
Hamlet: So much for this, sir; now shall you see the other.
You do remember all the circumstance?
Horatio: Remember it, my lord!

This line loads the extra style definition: 
   * Set USERSTYLEURL = %ATTACHURLPATH%/edittable.css
You can write this line in DefaultPreferences, in SitePreferences, in WebPreferences, in your user topic or on a single page.
Kontakt
Pädagogische Hochschule Schwyz
Zaystrasse 42
CH-6410 Goldau
T +41 41 859 05 90
info@phsz.ch
Schweizerischer Akkreditierungsrat Schweizerischer Akkreditierungsrat
Dies ist ein Wiki des Fachkerns Medien und Informatik der Pädagogischen Hochschule Schwyz. Für Fragen wenden Sie sich bitte an wikiadmin@phsz.ch
This page was cached on 07 Feb 2025 - 09:00.
This website is using cookies. More info. That's Fine