Tags:
create new tag
, view all tags
ALERT! NOTE: This is a DistributionDocument. Please help maintain high quality documentation: This is a wiki, please fix the documentation if you find errors or incomplete content. Put questions and suggestions concerning the documentation of this topic in the comments section below. Use the Support web for problems you are having using TWiki.

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.
  3. The example style gives the input fields a background color so that they stand out more.

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 = %ATTACHURL%/edittable.css
You can write this line in TWikiPreferences, in WebPreferences, in your user topic or on a single page.



Comments & Questions about this Distribution Document Topic

 
Topic attachments
I Attachment Action Size Date Who Comment
Cascading Style Sheet filecss edittable.css manage 0.4 K 2005-12-10 - 21:11 ArthurClemens  
Topic revision: r4 - 2009-05-13 - PeterThoeny
 
Twitter Delicious Facebook Digg Google Bookmarks E-mail LinkedIn Reddit StumbleUpon    
  • Download TWiki
TWiki logo Powered by PerlIdeas, requests, problems regarding TWiki? Send feedback. Ask community in the support forum.
Copyright © 1999-2012 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.