Delegate truncation to CSS

[asmecher]

Use of the "truncate" smarty modifier should be dropped where it's used to shorten up content presented in the front end (which is pretty much everywhere it's used). This should be done on the CSS side instead, using "ellipsis" overflow rules.

See: http://forum.pkp.sfu.ca/t/review-form-items-in-ojs/229

[asmecher]

@NateWr, OTOH you introduced a pattern for "show more" / "show less" links... Do you remember OTOH? (It's possible I'm inventing this memory)

[NateWr]

The CSS ellipsis property only works for truncating single-line text strings.

There are two other "show more" patterns for multi-line content.

The ExtrasOnDemand control is good for hiding larger chunks of the UI. It has a title and wraps its content in a visual container. So it's right for hiding groups of form controls, for instance.

The RevealMoreHandler is good for truncating multi-line text which you want to be able to reveal in full when requested. For instance, we use this to show a few lines of the reviewer's comments and allow in-place expanding to view the whole comment. Once expanded it can't be collapsed.

[asmecher]

Thanks, @NateWr, that's just what I was looking for.

[asmecher]

There's pretty much no hard-coded truncation in the templates anymore. Content with this for OJS 3.0.