You are here: Foswiki>SystemFoswiki Web>Skins>PatternSkin>PatternSkinCssCookbook>PatternSkinCssCookbookEditTableStyle (26 Aug 2010, ProjectContributor)Edit Attach

PatternSkinCssCookbook Recipe: EditTable style

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:

%EDITTABLE{format="|textarea, 8x40|text, 40|"}%
Head1 Head2Sorted ascending
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.
Topic attachments
I Attachment Action Size Date Who Comment
edittable.csscss edittable.css manage 388 bytes 25 Aug 2010 - 21:41 ProjectContributor  
Edit  | Attach | Print version | History: r1 | Backlinks | View wiki text | Edit wiki text | More topic actions
Topic revision: r1 - 26 Aug 2010, ProjectContributor
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback