Note: For general information see Asset Workspace.


+16 
Editorial Asset Table New image

Table has one required field, Title.  

+2 
required title - Article Audio Collection HTML Table Video ZIP

Create a table...

+16 
5 table.png

Select Add column to begin.  Enter the column name in the Add column screen and click OK.  If you 

+16 
6 table.png

Once at least one column has been created, both rows and columns can be added.

You can manually enter the table row data. You can also click to select a row and drag/drop it to reorder the rows. Table data is searchable both in the admin search terms and as part of customer-facing searches.

+16 
7 table.png

Table data can also be imported from a .CSV source file.

+16 
8 table.png

Click Browse and navigate to the .CSV file you wish to import.  Once it is selected, click on Upload file.

+16 
9 table.png

The Configure and preview CSV upload window will open. In this screen you will select the DelimiterEnclosure and First record option.  Once set, click Update preview to see an updated preview of how your table will appear.  nce the table has been configured, select Accept settings to import the data into  your table.

+16 
10 table.png

To edit an existing column, right click on the column name and choose from the following options: Rename columnRemove column, or Insert column.

+16 
11 table.png

You can also Export the table data to a .CSV file

+16 
13 table.png

A window will open prompting you to either open the file in an editor or save the file.

+16 
14 table.png

Description...

Description is where you can enter any descriptive information about the table asset.

+16 
12 table.png

WYSIWYG Editor

There is a WYSIWYG editor for basic formatting of the asset text. Within the WYSIWYG you can format and align text, add inline comments (for your staff only), find and replace text, create numbered and bulleted lists, add horizontal rules and simple tables, add special charcters, edit the text's html source code. You can also embed video/media widgets, pull in Twitter Tweets, and Page Breaks. For more information on WYSIWYG, see What Does Each of The WYSIWIG Buttons Do in The Asset Editor?

Many HTML tags are automatically stripped from an asset in BLOX when the asset is saved.  BLOX uses the PHP tidy filter to attempt to clean code that may have errors.

HTML tags that will be stripped:

  • doctype
  • html
  • head
  • style
  • body
  • iframe

HTML tags that will not be stripped:

  • script
  • object
  • form, input, select
  • img
  • comments

Other tags will be converted to XHTML valid tags:

  • <i> becomes <em>
  • <b> becomes <strong>
  • <font size="5"> becomes <span style="font-size: large;">

Tags that are stripped out except in specific situtaons:

  • BR tags in general are removed if they are outside of "block" level elements

NOTE: If you want to keep the BR tags, you can put them inside of a block-level element, such as a div tag, and they should remain. Note that the div is counted as a paragraph as far as ads or paging in BLOX CMS.

NOTE: Inline elements, such as inline photos, can't be placed inside of a block-level element. So when you save it will be placed outside of the div.


Paste as Plain Text

If you are copying text from another program such as a word processing program, you should use the Paste as plain text button to paste in your text. This will ensure that any special characters that are not web friendly get removed. This is especially important if pasting in from Microsoft Word or any other rich text editor that adds font tags in the source code. You use CTRL + C to copy, and CTRL + V to paste in the Paste as plain text window.

Inline Notes

Inline Notes allows you to leave comments within the article text that are visible in the admin only. These notes do not appear on the front end of the website, and your readers will never see them. Inline Notes are NOT searchable in the admin.


Note: Inline notes do not transfer if an article is syndicated to another site (see Editorial / Syndication for more information about sharing assets between BLOX websites).


To create an inline note, place the cursor where you want the note to appear, click the mouse button, then click the inline notes icon. After you are done typing your note, move the cursor to the next location and continue editing the asset. Alternatively, you can highlight any existing text that you would like to be turned into an inline note, and select the inline notes icon. 

To remove an inline note, highlight the text and click the inline notes icon. This will remove the inline notes pencil icon. Then delete the text from the note.. If you do not remove the text manually, it will become part of the article and will be available for your readers to see on the front end.

Insert page break allows you to place a line that will break an article into multiple pages.

To create a page break, place the cursor where you want the note to appear, then click the insert page break button. This will place a broken line indicating where the page break will occur. On the front end, this will create forward and back buttons at the top and bottom of the article.


Note: This is for Flex only. Insert page break will add a horizontal line if used on Zen templates.

Note: When the page is printed out, the forward and back arrows along with the page numbers will be removed.


CSS...

To set a custom property, click on Other / Custom properties. Click Add and enter the name / value pair.

+16 
custom_property_table.png
In addition, this asset also supports a custom property of class which will add a class to the div surrounding the table on both the table content page, as well as the div around the individual tables within the story page.
 
You can use one of our pre-defined classes:

class = bw

A black and white theme.

+16 
18 table.png

class = blue

A nice, light blue theme.

+16 
19 table.png

class = simple

A simplistic theme without many lines or colors

+16 
20 table.png

Displaying the Table asset...

Table asset displays as an asset (see Front end examples below).

Front end examples...

Table on the front end of a Flex site:

+16 
flex_asset_table.png