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.
1.0.1 (2021-04-06)
Add accordion mode [nzambello]
1.0.0 (2020-03-06)
Initial release. [cekk]
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Hashes for collective.expandcollapse.tile-1.0.1.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 5f96fc4f980aedb909c33889807c07c9e60de8a16bb4113ff36ea5f73a666164 |
|
MD5 | a45ac48b0b92694f0d032b6311c45d33 |
|
BLAKE2b-256 | 01addfc711187f34c0c54f2c22eefde25aae26ab85637fcd26d411ec515cab56 |