Difference: PatternSkinCssCookbookEditTableStyle (1 vs. 3)

Revision 32005-12-10 - TWikiContributor

 

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! 
<-- /editTable -->

This line loads the extra style definition: 
   * Set USERSTYLEURL = %ATTACHURL%/edittable.css
Changed:
<
<		You can write this line in TWikiPreferences, in WebPreferences, in your user topic or on a single page.
>
>		You can write this line in TWikiPreferences, in WebPreferences, in your user topic or on a single page.
 

Changed:
<
<
META FILEATTACHMENT attachment="edittable.css" attr="" comment="" date="1134249078" name="edittable.css" path="edittable.css" size="388" stream="edittable.css" user="Main.ArthurClemens" version="1"
>
>
META FILEATTACHMENT attachment="edittable.css" attr="" comment="" date="1134249078" name="edittable.css" path="edittable.css" size="388" stream="edittable.css" user="TWikiContributor" version="1"
 

Revision 22005-12-10 - TWikiContributor

 

PatternSkinCssCookbook Recipe: EditTable style

Cookbook example to illustrate control over EditTable edit styles.

Changed:
<
<
  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 buttons at the bottom (in edit mode) are visually the same as other buttons on TWiki pages. The example style makes them more distinctive.
  4. The example style gives the input fields a background color so that they stand out more.
>
>
  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.

Deleted:
<
<
 Test table:

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

This line loads the extra style definition:
Changed:
<
<
>
>
  You can write this line in TWikiPreferences, in WebPreferences, in your user topic or on a single page.

META FILEATTACHMENT attachment="edittable.css" attr="" comment="" date="1134249078" name="edittable.css" path="edittable.css" size="388" stream="edittable.css" user="Main.ArthurClemens" version="1"

Revision 12005-12-10 - ArthurClemens

 

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 buttons at the bottom (in edit mode) are visually the same as other buttons on TWiki pages. The example style makes them more distinctive.
  4. 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! 
<-- /editTable -->

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.

META FILEATTACHMENT attachment="edittable.css" attr="" comment="" date="1134249078" name="edittable.css" path="edittable.css" size="388" stream="edittable.css" user="Main.ArthurClemens" version="1"
View topic | History: r3 < r2 < r1 | More topic actions...
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 1999-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.PatternSkinCssCookbookEditTableStyle.