Infor Documentation on Web Extensions

Markus Grosse-Kracht

Hi Community,

can anybody share instructions for the web extension named 'HeaderFilterField' or share information on react component tree definition in xml format based on https://jira.infor.com/browse/DEPM-12890?

I'd like to use it in a custom application but do not know how to use nor have access to the link.

Does Infor d/EPM version 12 still have the documentation for the Web Extension Samples? I can't find it in the program directory anymore.

Many thanks in advance.

Regards,

Markus

John Robson

Markus

Please have a look at the link - https://docs.infor.com/depm/12.0.x/en-us/depmolh_cloud/default.html?helpcontent=application_studio_cloud/igc1510174430658.html

Here the trusted web extensions are documented.

Unfortunately The Header Filter Field isn't certified as trusted yet so it could not be deployed to the MT cloud. As part of the effort to certify ones that may be useful to clients the documentation will be improved as they are certified.

The extension has a single parameter - something like this pasted into a report variable should work.

<Table>
   <Row name="mainContainer">
      <Property name="style" value="id(containerStyle)" />
      <Property name="reactCompName" value="div" />
      <Property name="children" value="idList(filterMenuButton,inputContainer)" />
   </Row>
   <Row name="containerStyle">
      <Property name="padding" value="0px 10px" />
   </Row>
   <Row name="filterMenuButton">
      <Property name="reactCompName" value="FilterMenuButton" />
      <Property name="optionsCfg" value="id(filterOptions)" />
      <Property name="type" value="text" />
      <Property name="forDataGrid" value="TRUE" />
   </Row>
   <Row name="filterOptions">
      <Property name="onOptionChange" value="TRUE" />
      <Property name="option" value="contains" />
      <Property name="options" value="list(contains,doesnotcontain,equal,doesnotequal,endwith,doesnotendwith,startwith,doesnotstartwith)" />
   </Row>
   <Row name="inputContainer">
      <Property name="style" value="id(inputContainerStyle)" />
      <Property name="reactCompName" value="div" />
      <Property name="children" value="idList(input)" />
   </Row>
   <Row name="inputContainerStyle">
      <Property name="padding" value="5px 0px" />
      <Property name="width" value="calc(100% - 39px)" />
      <Property name="display" value="inline-block" />
   </Row>
   <Row name="input">
      <Property name="reactCompName" value="Input" />
      <Property name="onBlur" value="TRUE" />
      <Property name="onSubmit" value="TRUE" />
      <Property name="onChange" value="TRUE" />
      <Property name="style" value="id(inputStyle)" />
      <Property name="styleColors" value="id(inputColors)" />
      <Property name="value" value="" />
      <Property name="disabled" value="FALSE" />
   </Row>
   <Row name="inputStyle">
      <Property name="height" value="20px" />
      <Property name="position" value="relative" />
      <Property name="display" value="inline-block" />
      <Property name="verticalAlign" value="top" />
      <Property name="padding" value="2px 5px 0 5px" />
   </Row>
   <Row name="inputColors">
      <Property name="border" value="#888b94" />
      <Property name="disabledBorder" value="#656871" />
      <Property name="focus" value="#69b5dd" />
      <Property name="hover" value="#c8cbd4" />
      <Property name="font" value="#ffffff" />
      <Property name="bgColor" value="transparent" />
   </Row>
</Table>

Note that this example assumes that the web extension is placed on a black backgrounds - the font is white.

The but is that without an example of how to respond to actions driven by the web extension inputs that won't help much.
I will ask internally if there is any draft documentation but suspect that there isn't yet.

From my perspective a control of this sophistication would be overkill for most screens.

John