Sample Page Four - Tables Tips With this Subheader reiterating how there is next to no information here about the Roy Cullen Building
a | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
b | 1.2 | 2.4 | 3.6 | 4.8 | 5.1 | 6.12 | 7.14 | 8.16 | 9.18 | 10.2 | 11.22 |
l | 2.2 | 2.4 | 3.6 | 4.8 | 5.1 | 12.12 | 7.14 | 8.16 | 9.18 | 10.2 | 14.22 |
w |
1.2 | 4.4 | 3.6 | 4.8 | 5.1 | 18.12 | 7.14 | 32.16 | 33.18 | 10.2 | 11.22 |
z | 6.2 | 2.4 | 6.6 | 4.8 | 5.1 | 6.12 | 7.14 | 8.16 | 9.18 | 10.2 | 100.22 |
Did you know...?
While this page has next to no information about the Roy Cullen building, one important detail about this page is that it does have its "Settings" set for "Wide", which means the narrow right-hand column is not used. Items included or edited there will not display as long as the page setting is Wide.
And in other news, the following discussion centers around editing options for tables within the CMS' WYSIWYG editors.
Within the rich-text WYSIWG Editor, you should see a number of options for creating and editing tables, including in-context editing tools accessed by selecting the table, or parts of the table, in various ways such as inserting your cursor in one of the cells, right-clicking the table borders, highlighting a row or column of cells, etc., etc.
Alternately, you may wish to open up the HTML Editor to work on your table's HTML code directly.
The HTML Editor is a plain-text editor embedded within any of Cascade Server's rich-text WYSIWYG editors. Just look for the Angle Brackets icon < > in the WYSIWYG editor's tools bar, and click on it to open out the plain text HTML Editor.
While you're in there, it can also be a good idea to add some styles to the <table> tag to help site visitors to better read the table and to help the table to appear in UH styles.
Find the <table> tag and add: class="table"
e.g. <table class="table">
Other useful classes include: table-bordered and table-striped.
The "table" class will allow the table to take on UH styles and standards for Tables used in UH websites. Table-bordered adds more traditional lines and outlining to the table cells. To add visual ease in distinguishing rows, you may also add the style "table-striped". The table at the top of this page is using both "table" and "table-striped" styles - see the embedded HTML editor for this WYSIWYG to take a look.
For more style options, see: UH Marketing Table styles information; and Working with HTML Tables in the UIT site.
Withal, if you find the editing options within the CMS' WYSIWYG editor somewhat clunky or challenging, third-party code editing applications such as Dreamweaver or BBEdit can also be a good investment. The code for your table (or any other content for that matter) can be developed elsewhere, copied, and then pasted directly into the CMS via the embedded HTML plain-text editor. The CMS will integrate the code from the HTML editor into your page just as it would if you had been editing from the rich-text WYSIWYG editor itself.
For a more expanded discussion of Cascade's WYSIWG Editors, see also the Hannon Hill Knowledge Base:
Hannon Hill's WYSIWYG Editor Use Details
Hannon Hill's WYSIWG Editor Product Demo Video