Skip to main content

A Plone page with an editable table as main content

Project description

A new Plone content type similar to the standard Page but with a table as main content.

Introduction

This product want to give to site members a simple way to manage a page with a table inside in a collaborative way. To be more precise, it’s focused on contents where the table is the main scope of the page.

The only other option is to create the page using the WYSIWYG editor (like TinyMCE), then leave to editors power to modify it, but:

  • using TinyMCE commands for table is not so easy (users sometimes mess up your pre-defined layout)

  • you can’t prohibit users to delete or change rows added from other users, or adding new column you don’t want.

If you need to beat those limits but you still simply need a Plone page, this product is probably what you need.

If you need to store a huge amount of data, you should probably look for other solutions.

How to use

After installation you will see a new addable content type: the Page with Table.

Some fields of this new content types are very similar to Page ones, although the “Body Text” field is splitted in two separated sections (text before and after the table).

Configuring the table

The most important field is “Columns”, where you can define the column structure of you table.

Page with Table configuration

For every column you can define some information like header’s content and other description, but you must also define the type of data in the column.

Right now you can choose from:

String

A simple line of text, the most common (and default) type.

Text

A textarea, for saving more text and take care of carriage returns.

Select

Still a simple line of text, but user must choose it from a vocabulary you will define (in the proper column of the configuration).

File

A link to a file in the site. See below.

Files

Same as File above, but for multiple files.

Link

A link to an URL, or an internal site document. It use Plone reference browser native widget.

Email

An e-mail address

Numeric

A string in numeric format

Monetary

A string in numeric format, but will be rendered as a monetary value, with locales settings

Adding new type of column is not hard, but remember to stay simple: we don’t want to rewrite PloneFormGen from scratch!

You can add as many columns as you want; users that will fill your table won’t be able to change what you have defined.

Filling the table

Configuration is not changing anything in your layout, but users with Contributor role on this document will see a new tab: “Edit table”.

Page with Table view

When accessing the “Edit table data” view, users will be able to add new rows to the table and edit their own rows. The form given to the user is generated using the configuration options that the document creator defined before.

Add new row in the table

Some note:

  • Every added row is put at the end of the table or at the end of section (see below)

  • Every Contributor is able to edit or delete his own rows

  • Users with “Editor” roles are able to edit or delete all rows

  • Users with “Editor” roles are able change row order

Table editing

When switching back to main document view the generated table is part of the document body text.

Page with Table view

Table labels and sections

New label icon

Users with power of configuring the table can also add a special type or row: Label. Apart the UI changes, labels break the table in groups of logical rows: every group start at the position of the label at end at the next label (or at the end of the table).

If one or more labels are used, contributors will be able to add new rows at the end of the section instead of adding only at the end of the table.

Download and Upload data

Download CSV icon

Data stored in the table can be downloaded, and optionally you can display a download link also to page visitors (activate the “Show download link for data” inside “Settings”). When the download icon is used in the “Edit table” view, downloaded data is compatible to the upload CSV feature described above (columns ids are used instead of titles, contents uids instead of URL to referenced contents, …)

Upload CSV icon

Contributors can also upload data using a CSV file. The file must provide a row with column ids defined in the configuration. Columns with an unknow id will be ignored.

If the configuration has not already been defined, all CSV headers will be used to quickly init the configuration (but columns types will always be “String”).

Columns of type “File” and “Files”

Columns of type file(s) are the most complex.

When adding or editing a row the user is able to upload new files, creating a new Plone File content, or selecting existing files from the site.

In both cases permissions matters: the user must have permisson of adding new file in the storage folder or see it. The storage folder is configured by the document creator.

When rendering the table, a link to download the file is displayed.

DataTables integration

DataTables is a well-know jQuery plugin for getting advanced HTML table features using JavaScript. The easyient way on integrating it into Plone is by using collective.js.datatables.

TablePage has a soft-dependency on DataTables; if the jQuery plugin is installed, the table view try to use it for getting some new features like:

  • filtering/searching data

  • sorting by columns

  • pagination/batching

Also, the Row Grouping Add-on, plugin is also registered. This enhance the labels feature with a better user experience.

Other products

There are at least two other products for Plone that are focused on table generation:

collective.table

This product is focused on the editing part (and the use of DataTables jQuery plugin is nice), but it dowsn’t work on Plone 3 and you have no way of limit the power of users on the table.

collective.pfg.soup

Very powerful, modular and extensible. It’s using PloneFormGen as table configuration and can store a lot of data. Unluckily it has a lot of dependencies and it won’t run on Plone 3.

Requirements

This product can be used with al version of Plone from 3.3 to 4.3.

For Plone 3.3 you need some special configuration like:

  • A custom branch of DataGridField where we backported some new features from 1.8 branch

  • Available table styles are taken from TinyMCE configuration, so you must use it instead of Kupu

  • No versioning support is available

  • No friendly installable DataTables product is available for Plone 3, so you probably can’t use it

Credits

Developed with the support of:

All of them supports the PloneGov initiative.

Authors

This product was developed by RedTurtle Technology team.

RedTurtle Technology Site

Changelog

0.5 (2014-02-06)

  • The unique validator was preventing record update [keul]

  • Monetary column will pad the final zero in less that 2 decimal are supplied (123.5 will be 123.50) [keul]

0.5b4 (2014-02-04)

  • Fixed a bug that break link columns when the linked content is no more [keul]

  • Fixed error when validating old rows, created before version 0.5 [keul]

0.5b3 (2014-01-31)

  • Do not use the HTML 5 number type anymore because of Google Chrome stupidity [keul]

  • Fixed a Python 2.4 bug in interpreting CSV format [keul]

  • Do not fail the whole import procedure if a CSV row is missing some columns [keul]

0.5b2 (2014-01-29)

  • Fixed error when editing old rows, created before version 0.5 [keul]

  • The import from CSV form can be used when no configuration has been given. A basical configuration will be guessed by columns headers [keul]

  • Select colum now enforce vocabulary values [keul]

  • New column type: “Monetary” [keul]

  • When exporting in CSV, always quote data. This prevent some fancy Excel/OpenOffice interpretation [keul]

  • Column validator can be executed also when importing from CSV [keul]

0.5b1 (2014-01-13)

  • Soft dependency on jQuery DataTables plus “Row Grouping Add-on”. This add new features like live-search in table, batching and colum sorting. [keul]

  • Added a JavaScript command for expand/collapse available view when editing (this can help in cases where you added a lot of columns) [keul]

  • Fixed critical error in the “Files” column; when selecting existing file the column id was ignored [keul]

  • Added new feature: registering validators [keul]

  • Added validator for required field [keul]

  • Added validator for unique field [keul]

  • New field type: “Email”, for inserting an text in e-mail format [keul]

  • New field type: “Numeric”, for inserting an text in numerical format [keul]

0.4.1 (2014-01-03)

  • Added uninstall profile [keul]

  • Fixed bug in finding duplicate rows when importing from CSV (close #1) [keul]

0.4 (2013-11-14)

  • Do not display selection checkbox if I can’t delete a row [keul]

  • Raise lifecycle events properly when creating files [keul]

  • New field type: “Files”, for uploading a set of files to be rendered in the same cell [keul]

  • Labels inside the table are now supported [keul]

  • New view for displaying data on multiple tables [keul]

  • New field type: “Link”, for inserting an URL or an internal reference [keul]

  • CSV export done by backend get UUIDs when applicable [keul]

  • CSV import now validate data: do not import every text you read from the file [keul]

  • CSV import now transform URL/path to valid content uuids [keul]

0.3 (2013-10-18)

  • Different versioning message when a row is changed or modified [keul]

  • Added missing versioning attempt when using CSV upload [keul]

  • Fixed a performance/security problem: data inside text cells were transformed to HTML without any check (and this was also really slow) [keul]

  • Can now delete multiple (or all) rows [keul]

  • CSV import is not importing anymore inside wrong colum when an unknow header is found [keul]

0.2 (2013-10-11)

  • Fixed missing translations [keul]

  • Do not display “download as CSV” for empty tables [keul]

  • Added an option for choosing when display headers [keul]

  • Handle loading of duplicate file id: file is not loaded twice but same reference is kept [keul]

  • Do not display “Edit table” or row’s commands if no configuration has been set [keul]

0.1.2 (2013-09-27)

  • fixed encoding error on columns headers [keul]

  • fixed encoding error on editing rows [keul]

0.1.1 (2013-09-23)

  • Fixed UnicodeDecodeError problem with non-ASCII chars [keul]

0.1 (2013-09-19)

  • Initial release

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

collective.tablepage-0.5.zip (133.5 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page