PatternSkinCssCookbookEditTableStyle < TWiki

Tags: view all tags

---+!! PatternSkinCssCookbook Recipe: [[TWiki:Plugins.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.
   3 The example style gives the input fields a background color so that they stand out more.
   
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="twikiHelp">
This line loads the extra style definition:
<verbatim>
   * Set USERSTYLEURL = %ATTACHURL%/edittable.css
</verbatim>
You can write this line in %SYSTEMWEB%.TWikiPreferences, in WebPreferences, in your user topic or on a single page.
</div>

Anexo

Anexos do tópico
I	Anexo	History	Ação	Tamanho	Data	Quem	Comentário
css	edittable.css	r1	gerenciar	0.4 K	10 Dec 2005 - 21:11	TWikiContributor

Versão do tópico: r3 - 10 Dec 2005 - TWikiContributor

Account
- Iniciar sessão

Edit
Anexar

Copyright © 1999-2026 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Idéias, solicitações, problemas com relação ao TWiki? Nos dê um retorno
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.PatternSkinCssCookbookEditTableStyle.