PatternSkinCssCookbookEditTableStyle < System

You are here: BACCHUS Wiki>System Web>Skins>PatternSkin>PatternSkinCssCookbook>PatternSkinCssCookbookEditTableStyle (revision 1) (raw view)

---+!! PatternSkinCssCookbook Recipe: [[Foswiki:Extensions.EditTablePlugin][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* | *Head2* |
| *Hamlet:* So much for this, sir; now shall you see the other.<br />You do remember all the circumstance? | *Horatio:* Remember it, my lord! |


<div class="foswikiHelp">
This line loads the extra style definition:
<verbatim class="tml">
   * Set USERSTYLEURL = %ATTACHURLPATH%/edittable.css
</verbatim>
You can write this line in %SYSTEMWEB%.DefaultPreferences, in %USERSWEB%.SitePreferences, in WebPreferences, in your user topic or on a single page.
</div>
<!-- %JQREQUIRE{"chili"}% -->

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
css	edittable.css	manage	0.4 K	25 Aug 2010 - 21:41	ProjectContributor

Topic revision: r1 - 26 Aug 2010, ProjectContributor

System

Copyright &© by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding BACCHUS Wiki? Send feedback