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)
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.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.0.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 4a2945852a1beda3479822a296da609dfe02c8be589f0e9a1e009853167ffaec |
|
MD5 | 9948e49319b28e5622d32f783ab3ef67 |
|
BLAKE2b-256 | fce4b367e3488162122e3d5b38f9f22353994940987ad4f433a90ef4507bd439 |