Skip to main content

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

Project description

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)

In addition to these two mutually exclusive classes, you can also add the class accordion so when one of them is opened, the others will be closed.

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

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.

RedTurtle Technology Site

Contributors

Changelog

2.0.0 (2026-03-26)

  • Plone 6 compatibility. [cekk]

1.0.1 (2021-04-06)

  • Add accordion mode [nzambello]

1.0.0 (2020-03-06)

  • Initial release. [cekk]

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_expandcollapse_tile-2.0.0.tar.gz (56.6 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

collective_expandcollapse_tile-2.0.0-py3-none-any.whl (27.4 kB view details)

Uploaded Python 3

File details

Details for the file collective_expandcollapse_tile-2.0.0.tar.gz.

File metadata

File hashes

Hashes for collective_expandcollapse_tile-2.0.0.tar.gz
Algorithm Hash digest
SHA256 adaca1cd492a342a8dc7bfbeb8649a067e1b5bab96f3cd74550f24ffa2c382d7
MD5 0c090a86e2d2cfc32e9ef3e5645086d9
BLAKE2b-256 d0abb41781e599a7082525d971a5baf98ca875330c72fec94144d9c4930f8ef2

See more details on using hashes here.

File details

Details for the file collective_expandcollapse_tile-2.0.0-py3-none-any.whl.

File metadata

File hashes

Hashes for collective_expandcollapse_tile-2.0.0-py3-none-any.whl
Algorithm Hash digest
SHA256 d8b61d1100cda9285725db6f55c3beda8517f8c4a83207a01d496a337370ca16
MD5 b021e1a5cbdfbb53630d4a83f382dd8a
BLAKE2b-256 6914d332429e7a1d3479d56140cc841e8e2b69764dff9784609c0f10e810a632

See more details on using hashes here.

Supported by

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