Image Filters

Demo page

Introduction

This plugin allows you to add 7 different filters/modifications to your images.

Features

Filters include:
  • Sepia
  • Brightness
  • Contrast
  • Color
  • Grayscale
  • Saturation
  • Blur

How to Setup

After installing this plugin you have access to two elements:
  • Filter
1. Go to Settings->General of your app and expose the option to add ID attributes to HTML elements. See a short guide here: https://docs.rapidevelopers.com/how-to-assign-an-id-to-the-element
2. Drag the "Filter" element onto your page.
Image without caption
3. Add an image to your page and enter an ID attribute in the element inspector of your image
4. Trigger a filter effect within one of your workflows. You can choose one of the 7 filters and specify the strength of the effect. Enter the same element id that you used for the image you want to target in step 3.
  • Image with Filter
1. Drag the "Image with Filter" element onto your page. Upload an image or choose a dynamic image that should be used. Resize your element according to your requirements.
2. Choose which filter should be applied using the dropdown in the element inspector.
3. Specify the strength of the effect for the filter you choose. The values in the other fields will be ignored.
4. Go to workflows-> when page is loaded-> Apply Filter

Frequently Asked Questions

⁉️
Have a question, or suggestion, or encountered an issue? πŸ€·β€β™‚οΈ Please contact us by sending an email to: support@rapidevelopers.com
☝
Want to report a bug? Please follow this guideline!