CodeEditorInputField

This component provides a code editor utilizing the Ace Editor. It can be used for over 110 languages and has over 20 themes. It can also be used for plain text.

  • mode – Change the programming language (for example, “ace/mode/XML” or “ace/mode/javascript”).
  • theme – Change the overall look (for example, “ace/theme/github”).

See https://ace.c9.io/ for all possible modes and themes.

To instantiate this inputField, use the code example below:

<Framework:InputFields fieldType="colorpickerfield" qaData='{"type" : "input", "name": "brandPrimary"}' aura:id="brandPrimary"
                                        label="{!$Label.c.Brand_Primary}" group="themeObj" value="{!v.themeObj}" fireChangeEvent="true"/>
XML

 

ColorPickerInputField

Use the Color Picker to select a color and get the HTML color code.

The color picker has no configuration. However, you can enter RGB values directly into the form: RGB(0,0,0).

To instantiate this component, use the below code example:

colorpckerfield

<Framework:InputFields fieldType="colorpickerfield" qaData='{"type" : "input", "name": "brandPrimary"}' aura:id="brandPrimary"
                                        label="{!$Label.c.Brand_Primary}" group="themeObj" value="{!v.themeObj}" fireChangeEvent="true"/>
XML