How to create a simple Runtime Inputfield

[bernhard]

During testing of the https://processwire.com/talk/topic/22847-processwire-dashboard/ module I've created this simple demo inputfield to show how Inputfields can be used as presentation blocks in ProcessModules. The result is this little inputfield that shows the getting started chart of chartjs: https://www.chartjs.org/docs/latest/

 

https://github.com/BernhardBaumrock/InputfieldChartDemo

It comes with 2 ProcessModules

1) One single chart inputfield

2) Grid Demo

Creating an Inputfield is really nothing more than creating a module file having 3 methods:

<?php namespace ProcessWire;
class InputfieldChartDemo extends InputfieldMarkup {

  public static function getModuleInfo() { ... }

  public function ___render() { ... }
  
  public function ___processInput($input) {
    return false;
  }
}

Place this in /site/modules/YourModuleName, name the class exactly the same as your folder and you get an installable Inputfield that you can use everywhere in your admin and share across projects!

Creating a ProcessModule is also very simple (see this old post):

 

You do even need only 2 methods in this module!

<?php namespace ProcessWire;
class ProcessInputfieldChartDemo extends Process {
  public static function getModuleInfo() { ... }

  public function execute() { ... }
}

 

Using these internal tools it is really easy to create totally tailored user experiences for your clients in the PW backend!