[[TOC]]
This plugin generates thumbnails instead of simple link icons on object grids. Thumbnails are clickable and after clicking, a modal with a bigger version is shown.
The thumbnail is visible in the grid:
And after clicking on it the modal is visible:
You can open the full image by clicking the blue arrow in the modal.
To manage a plugin, you must first add it to your plugins. Click the "+" icon to add the plugin to your library and click the "Manage" button. It will open the plugin settings.
Field descriptions:
Content Type
- Defines the type of objects for which the thumbnails will be generated.
yarn
- to install dependenciesyarn start
- to start development mode - rebuild on file modifications- update your
plugin-manifest.json
file to contain the production URL and other plugin information yarn build
- to build plugins
Dev environment is configured to use:
prettier
- best used with automatic format on save in IDEeslint
- it is built into bothstart
andbuild
commands
The plugins are built into a single dist/index.js
file. The manifest is copied to dist/plugin-manifest.json
file.
Warning: While developing, you can use https://localhost:3053/plugin-manifest.json
address to load the plugin manifest. Make sure your browser trusts the local certificate on the latter, to be able to use it e.g. with https://editor.flotiq.com
Hint: You can use localhost url from development mode https://localhost:3053/index.js
- Open Flotiq editor
- Open Chrome Dev console
- Execute the following script
FlotiqPlugins.loadPlugin('plugin-id', '<URL TO COMPILED JS>')
- Navigate to the view that is modified by the plugin
- Open Flotiq editor
- Open Chrome Dev console
- Paste the content of
dist/index.js
- Navigate to the view that is modified by the plugin
Hint: You can use localhost url from development mode https://localhost:3053/plugin-manifest.json
- Open Flotiq editor
- Add a new plugin and paste the URL to the hosted
plugin-manifest.json
file - Navigate to the view that is modified by the plugin