User Tools

Site Tools


dev:eg-grid:styling

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
dev:eg-grid:styling [2024/04/05 13:15] – datatypes slearydev:eg-grid:styling [2024/07/17 15:16] (current) – removing link to bug proposal, since this is in 3.13+ sleary
Line 1: Line 1:
 ====== Grid column styling ====== ====== Grid column styling ======
- 
-**Note: this is based on the proposed eg-grid table rewrite; see [[https://bugs.launchpad.net/evergreen/+bug/1615781|Bug #1615781]]** 
  
 All cells (including headers) have a set of class names derived from the IDL field name, path, and datatype. This will allow us to write very precisely targeted styles for specific columns. All cells (including headers) have a set of class names derived from the IDL field name, path, and datatype. This will allow us to write very precisely targeted styles for specific columns.
Line 11: Line 9:
 Numeric data types (int, float, money) and any IDL field name ending in -count are aligned to the right. You may override the default alignment for any column using the new buttons in the Manage Columns dialog, or reset to the default alignment using the X icon there. (This may be especially useful for dates, if you are using a numeric format with two characters for month and day.) The row counters remain left-aligned. Numeric data types (int, float, money) and any IDL field name ending in -count are aligned to the right. You may override the default alignment for any column using the new buttons in the Manage Columns dialog, or reset to the default alignment using the X icon there. (This may be especially useful for dates, if you are using a numeric format with two characters for month and day.) The row counters remain left-aligned.
  
-Numeric columns, dates, IDs, and barcodes now use [[https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric|tabular numerals]], which will line up vertically–even the 1s, and even if some text is bold. This style is often used in financial reports to make numbers easier to compare.+Numeric columns, dates, IDs, and barcodes also use [[https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric|tabular numerals]], which will line up vertically–even the 1s, and even if some text is bold. This style is often used in financial reports to make numbers easier to compare.
  
 ===== Barcodes ===== ===== Barcodes =====
Line 29: Line 27:
 While we might want to set widths for people’s names, we use “name” in the IDL to refer to many things other than humans, so we will have to comb through the fields and identify the specific paths that refer to people. While we might want to set widths for people’s names, we use “name” in the IDL to refer to many things other than humans, so we will have to comb through the fields and identify the specific paths that refer to people.
  
 +====== Formatting wish list ======
  
 +What other columns need formatting adjustments? [[https://docs.google.com/spreadsheets/d/1DR0r5IcS4Ii4nKZA6b9rOqFHgFG8assTBsHxc8gf-aI/edit?usp=sharing|Add them to this Google Sheet]]
dev/eg-grid/styling.1712337314.txt.gz · Last modified: 2024/04/05 13:15 by sleary

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.