Skip to content

A react-based example of Flotiq plugin. This will render a shiny title instead of regular title fields

Notifications You must be signed in to change notification settings

flotiq/flotiq-ui-plugin-templates-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Example Flotiq Plugin in React

Quickstart:

  1. yarn
  2. yarn start
  3. work work work
  4. update your src/plugin-manifest.json file to contain the production URL and other plugin information
  5. yarn build
  6. paste js code from ./build/static/js/main.xxxxxxxx.js to Flotiq console
  7. navigate to affected Flotiq pages

Deployment

Loading the plugin

URL

  1. Open Flotiq editor
  2. Open Chrome Dev console
  3. Execute the following script
    FlotiqPlugins.loadPlugin('plugin-id', '<URL TO COMPILED JS>')
  4. Navigate to the view that is modified by the plugin

Directly

  1. Open Flotiq editor
  2. Open Chrome Dev console
  3. Paste the content of static/js/main.xxxxxxxx.js
  4. Navigate to the view that is modified by the plugin

Deployment

  1. Open Flotiq editor
  2. Add a new plugin and paste the URL to the hosted plugin-manifest.json file (you can use https://localhost:3050/plugin-manifest.json as long as you have accepted self-signed certificate for this url)
  3. Navigate to the view that is modified by the plugin