# Liferay Dropzone Themelet

Add visual effects to highlight portlet dropzones.

![Demo](https://github.com/lgdd/liferay-dropzone-themelet/blob/master/doc/liferay-dropzone-themelet.gif?raw=true)

## Install

Go to your theme's root folder and type:
```bash
gulp extend
```
Choose _Themelet_ :
```
? What kind of theme asset would you like to extend? 
  Base theme 
❯ Themelet 
```
Choose _Search npm registry_ :
```
? Where would you like to search for themelets? 
  Search globally installed npm modules (development purposes only) 
❯ Search npm registry (published modules) 
```
Search for _liferay-dropzone-themelet_ :
```
? Search npm for themelets: liferay-dropzone-themelet
```
> If you have an error, try `npm audit fix` and retry installation from the beginning 

Press space to select it :
```
? Select a themelet 
❯◉ liferay-dropzone-themelet
```

## Resources

Inspired by these discussions brought by [@olafk](https://github.com/olafk):

- https://community.liferay.com/blogs/-/blogs/dragging-portlets-is-easy-but-where-to-drop-them-
- https://community.liferay.com/blogs/-/blogs/dragging-and-dropping-portlets
- https://community.liferay.com/blogs/-/blogs/exploring-liferay-7-dragging-and-dropping-portlets