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.


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)


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



eggs =

and then running bin/buildout

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


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


The project is licensed under the GPLv2.


This product has been tested on Plone 5.1


Developed with the support of Regione Emilia Romagna;

Regione Emilia Romagna supports the PloneGov initiative.


This product was developed by RedTurtle Technology team.

RedTurtle Technology Site



1.0.0 (2020-03-06)

  • Initial release. [cekk]

Project details

Release history Release notifications

This version


Download files

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

Files for collective.expandcollapse.tile, version 1.0.0
Filename, size File type Python version Upload date Hashes
Filename, size collective.expandcollapse.tile-1.0.0.tar.gz (52.5 kB) File type Source Python version None Upload date Hashes View

Supported by

Pingdom Pingdom Monitoring Google Google Object Storage and Download Analytics Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN DigiCert DigiCert EV certificate StatusPage StatusPage Status page