collective.expandcollapse.tile 1.0.0

Add ability to expand/collapse a tile with a specified CSS class

Javascript plugin that enable expand/collapse behavior in tiles.

Usage

To enable expand/collapse feature in a tile, you only need to add a specific CSS class to it.

Some tiles like collective.tiles.advancedstatic or collective.tiles.collection have a field in their configuration that allows to add custom CSS classes.

Possible classes are:

• collapsible-desktop: enable expand/collapse feature for Desktop displays (width > 991px)

• collapsible: enable expand/collapse for small screens only (width < 991px)

Installation

Install collective.expandcollapse.tile by adding it to your buildout:

[buildout]

...

eggs =
    collective.expandcollapse.tile

and then running bin/buildout

After that, you need to install the product “Expand/Collapse tile” in your Plone site.

Development

All resources are compiled with grunt.

First of all, you need to setup your development environment inside project root:

> npm install

Then, you need to activate grunt in watch-mode:

> npm run develop

After that, you can edit expand_collapse.js or styles.scss files and resources will be automatically compiled in dist folder.

You can also force compilation with this command:

> npm run compile

Contribute

• Issue Tracker: https://github.com/collective/collective.expandcollapse.tile/issues

• Source Code: https://github.com/collective/collective.expandcollapse.tile

License

The project is licensed under the GPLv2.

Dependencies

This product has been tested on Plone 5.1

Credits

Developed with the support of Regione Emilia Romagna;

Regione Emilia Romagna supports the PloneGov initiative.

Authors

This product was developed by RedTurtle Technology team.

Contributors

• RedTurtle Technology, [e-mail]

Changelog

1.0.0 (2020-03-06)

• Initial release. [cekk]