0% found this document useful (0 votes)
77 views

Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Uploaded by

Peterson Wachira
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
77 views

Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Uploaded by

Peterson Wachira
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 194

10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Topics

My Posts

More
Epicor Help for users of Epicor's variety of products. This forum serves as a means of discussion and
Categories troubleshooting as a complement to Epicor Technical Support.

EpiUsers the Podcast

Kinetic ERP
ADVERTISEMENT
Epicor ERP 10

Epicor ERP 9

All categories

Tags Kinetic Control Compendium


kinetic, application-studio, app-studio, app-studi
e10

epicor hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023
customization
Instead of having these posts everywhere, I’m going to make one big compendium of the
bpm components in App Studio starting top-down from the components list. Some of these won’t warrant
baq much of anything such as the column component, but I’m going to add them regardless. To keep it
somewhat organized and linkable, I’m going to do a separate reply for each component. This will take
All tags
some time to complete, so stay tuned!

Messages
Note: This is written for version 2023.1.9. Earlier versions may not behave as
Inbox expected.
trust_level_1

trust_level_2 Note2: Some properties don’t appear to do anything and may need further
investigation. I will tag these with .
@bconner it would be swell if you could add some clarity to magnifier ones.

Table of Contents

Components Tab
Column | (metafx-col)
Address Format | (ep-address-format)
Button | (erp-button)
Checkbox | (erp-check-box)
Color Picker | (ep-color-picker)
Combo | (erp-combo-box)
Container | (metafx-flex-box)
Currency Box | (erp-currency-box)
Currency Selector | (erp-currency-selector)
Date Picker | (erp-date-picker)
File Picker Client | (erp-file-box)
File Picker Server | (erp-server-file-box)
File Server Folder | (erp-server-folder-box)
Fiscal Year Suffix | (erp-fiscal-year-suffix)
Foreign Lang Desc | (erp-foreign-lang-desc-text-box)
GL Account Editor | (erp-gl-account-editor)
GL Control Panel | (erp-gl-control-panel)
GL Multibook Account Editor | (erp-gl-multibook-account-editor)
​ ​
Grid | (metafx-pnael-card-grid)
GroupBox | (metafx-box)
Label | (ep-label)
Skip to main content Link Combo Box | (erp-link-combo-box)

https://www.epiusers.help/t/kinetic-control-compendium/105887 1/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
List Box | (erp-list-box)
Multi-Level Menu | (ep-multi-level-menu)
MultiView Calendar | (ep-multi-view-calendar)
Nav Link | (ep-nav-link)
Numeric Box | (erp-numeric-box)
Output Print Format | (erp-print-output-format)
PDF Viewer | (erp-pdf-viewer)
PE Log Viewer | (erp-pe-log-viewer)
Panel Card | (metafx-panel-card)
Panel Card Gantt | (metafx-panel-card-gantt)
Panel Card Grid | (metafx-panel-card-grid)
Part Rev Description | (erp-part-rev-desc)
Picture Box | (erp-picture-box)

Controls below this line are on version 2023.2.3

Panel Card Stack | (metafx-panel-card-stack)


Quantity UOM | (erp-qty-uom)
Radio Button | (erp-radio-button)
Relationship Map | (metafx-relationship-map)
Rich Text Editor | (erp-rich-text-editor)
Row Navigator | (ep-row-navigator)
Scheduler | (ep-scheduler)
Search Chip Selector | (ep-search-chip-selection)
Selection List | (erp-selection-list)
Shape | (erp-shape)
Tab | (metafx-tabstrip)
Tag | (erp-tag)
Text Area | (erp-text-area)
Text Box | (erp-text-box)
Time Picker | (erp-time-picker)
Token Date | (erp-token-date)
Website Widget | (erp-website)

User Defined Tab


RvLock

Widgets Tab
Data Discover Card | (ep-embedded-app)
Data Discover Chart | (ep-embedded-app)
Website Widget | (erp-website)

Solved by Hannah Willett 🏳️‍🌈⚧ in post #105

'Kay. I’m done. #HannahOut [Tyra Banks Mic Drop GIF by Allure]

Need help being converted to a kinetic monster


Kinetic UX / App Studio Questions for Podcast Guest
App Studio: Row-Find not finding all rows
Genitive Indicis (Index)
Create a Screen to call BAQ in a Grid and using refresh button after fill in keyword in textbox
4 more
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 2/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Aug '2023

Gosh. This sounds like a, well, a Wiki.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Column (Includes 1 and 2 Column controls)


This is a basic container component. It allows you to organize additional components in a single area.

Property
Property Description
Group

Basic Id This is the control’s unique identifier


Basic Label Text Give the column control a bolded header (Fig. A)
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
enabled if there is no current record, allowing the user to select an
Data Key Field
existing record or create a new one. Not relevant to this
component
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hide or show the component
Changes the number of columns in this component. Valid numbers
Advanced Columns
are between 1 and 10 (Fig. C)
Direction to show the controls. Options are Vertical (Fig. D) and
Advanced Orientation
Horizontal (Fig. E)

Figure A: Label Text

Figure B: Comments
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 3/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure C: Columns

Figure D: Vertical Orientation

Figure E: Horizontal Orientation

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Skip to main content


Address Format

https://www.epiusers.help/t/kinetic-control-compendium/105887 4/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
This component is used to define the format of an address. This is to be used in conjunction with
some code/function to display the format in a text area properly.

Property Group Property Description


Typically used to give the component a header label, but this
Basic Label Text
one does not appear to do much of anything.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create
Behavior On Create
is triggered when the control is painted to the GUI.
This property is used to bind the data of the control to a
Data EpBinding
DataView.Column such as TransView.AddressFormat.
Set the alignment for the control (Zomg, this actually works!
Layout Alignment
Most don’t). Valid options are Left, Center, Right. (Fig. A)
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
Highlight
State Obsolete–this does nothing now.
Selected
Advanced >
Id Unique identifier of the list item. (Fig. B)
Available Actions
Advanced >
Text The text to show on the control. (Fig. B)
Available Actions
Max
Integer value that allows control over how many items can show
Advanced Horizontal
in a single line. (Fig. C)
Items
(Obsolete?) The bound column shows delimited values
Advanced Is Delimited
whether this is true or false.

Figure A: Alignment

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 5/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure B: Available Actions

Figure C: Max Horizontal Items

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 6/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Button
Y’all know what a button is, right?

Property
Property Description
Group
Basic Id This is the control’s unique identifier
Basic Label Text Alter the display text on the button (Fig. A)
Click this to create an OnClick Event. On Click is triggered when a
Behavior On Click
user clicks the button.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 7/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
enabled if there is no current record, allowing the user to select an
Data Key Field
existing record or create a new one. Not relevant to this
component
Bind the button to a DataView.Column. This is useful if you want to
Data EpBinding create rules around the button such as disabling based on certain
conditions. You can set the binding to disabled in the rule.
Set the alignment for the control. Valid options are Left, Center, Right.
Layout Alignment
(Fig. C)
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Sets the style for the button. Valid options include Primary, Secondar,
Advanced Button Style
Outline, Toggle, and Done. (Fig. E).
Sets the size (height) of the button. Valid options include Small,
Medium, Regular, Custom . Note–custom doesn’t seem to
Advanced Button Size
inherently do anything. You may have to add your own JSON to the
MetaUI/Shared, but that’s speculation. (Fig. F).
Add an icon to the button. Syntax: mdi mdi-sitemap-outline You
can find available icons here: Material Design Icons
Advanced Icon
(pictogrammers.github.io) Note: When the button is on a toolbar,
the icon will replace the description. (Fig. G)
No idea what this does; it doesn’t seem to do anything. Valid
Advanced Type
options include Button, Submit, and Reset
This seems like an extraneous property seeing as how this
Advanced Toolbar Type
specific property is not available when adding it to a toolbar.
This seems like an extraneous property seeing as how this
Advanced Toolbar Action
specific property is not available when adding it to a toolbar.
Icon Align
Advanced Aligns the icon to the… wait for it… Right! (Fig. H)
Right
Fixes the width of the control. This will truncate the text if the screen
Advanced Fixed Width
shrinks too much. (Fig. I)
Sets the selected state of the button. Appears to have a similar
Advanced Selected
function to Auto Focus.
When enabled, the button takes up the full space of the container it’s
Advanced Block
in. (Fig. J).

Figure A: Label Text

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 8/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure B: Comments

Figure C: Alignment

Figure D: Width

Skip to main content


Figure E: Button Style

https://www.epiusers.help/t/kinetic-control-compendium/105887 9/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure F: Button Size

Figure G: Icon

Figure H: Icon Align Right

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 10/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure I: Fixed Width

Figure J: Block

Skip to main content


hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

https://www.epiusers.help/t/kinetic-control-compendium/105887 11/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Checkbox
A checkbox is a control that allows a user to set a binding to true, false, or null (tri-state).

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label next to the checkbox control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one. (Fig. C)
Data EpBinding Bind the button to a DataView.Column.
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Right. (Fig. D)
Layout Width Sets the specific width (pixels) for the control. (Fig. E)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Highlight Supposed to bold the label text when the checkbox is selected,
State
Selected but does not appear to be functional.
Sets the control to be a tri-state control which allows for true, false,
State Three State
and null (all). (Fig. F)

Figure A: Label Text

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 12/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure B: Comments

Figure C: Key Field

Figure D: Alignment

Figure E: Width

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 13/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure F: Three State

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Color Picker
A control that allows you to bind a DataView.Column to an RGB value from the selected color.

Property
Property Description
Group
Basic Id Unique identifier for the control
Basic Label Text Sets the label text within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the button to a DataView.Column.
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Skip to main content Right. This is hilariously backwards on this control! (Fig. C)

https://www.epiusers.help/t/kinetic-control-compendium/105887 14/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.

Figure A: Label Text

Figure B: Comments

Figure C: Alignment

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 15/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

C-C-Combo Booooox
C-C-C-Combo Breaker!

A combo box is a dropdown control that displays data. The data can come from a business object,
BAQ, REST or a static list. It can display a user-friendly description while storing the value.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label text within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the data to a DataView.Column. (Fig. C)
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 16/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
EpBinding Text
Data Bind the text of the combo to a DataView.Column (Fig. C)
Column
Does not work. Set the alignment for the control. Valid options
Layout Alignment
are Left, Center, Right.
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
Reusable
Type Select from a list of reusable combos defined by Epicor. (Fig. E)
Combo
Select from a list of sub types. Most often this is “Default” but
occasionally has other options that change up the reusable combo
Reusable configuration that’s pulled in. Note: Once the Type and Sub Type are
Sub Type
Combo selected, everything else defaults in and your combo should work as
is. The remaining fields are optional or used when setting up your
own.
Sets a unique identifier for the combo. Example: UD103.UD103Key
Reusable
ComboId (can be whatever, really, but I generally follow the format from the
Combo
reusable ones)
Reusable The REST service to load the data from. Example:
Service
Combo Ice.BO.UD103Svc
Reusable Service The REST method to call from the previously defined service.
Combo Method Example: GetList
Reusable The name of the table returned from the REST call. This can be
Table Name
Combo found in Swagger, PostMan, Dev Tools, etc. Example: UD103List
Set the name of the column within the defined database Table that
Reusable
Field Name has tilde delimited list of items used to populate this combo box.
Combo
Example: SalesRepList
Set the schema that is related to the database Table property that
Reusable
Schema holds a column that has a tilde delimited list of items used to populate
Combo
this combo. Valid options include ICE and ERP.
Set the dataview that is used to populated the items in the combo
Reusable box. This should be defined when the items for the combo box are to
View Name
Combo be supplied by a dataview that has been populated elsewhere.
Example: ABCCode
Set the column name that exists within the defined view that is used
Reusable View Column to populate the items in the combo box. Should be defined when the
Combo Name items for the combo box are to be supplied by a dataview that has
been populated elsewhere. Example: CountFreq
Reusable
No Data Text Text to display when the combo is empty. (Fig. F)
Combo
Reusable Set the data item field that the items in the combo are sorted by.
Sort
Combo Example: PartNum
This doesn’t seem to fully function. This is used to define a list of
items to display in the combo. The caption says a string array defined
Reusable Retrieve
as ["Key1","Key2"] but that breaks it. Just type in Key1, Key2.
Combo Columns
HOWEVER–it only displays the values of the first item in the list. (Fig.
G)
When more than one column is defined in the Retrieve Columns
Reusable Column
property, you can use this to define their titles. This has no effect with
Combo Captions
a single column. Example: State, Description (Fig. H)
Use this to define columns within the combo that are not shown. This
Reusable Hidden is useful when you want to perform functions on those columns
Combo Columns without displaying them to the user. For example, filtering. Example:
Key3, Key4, Key5
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 17/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Hidden
Reusable Same as Hidden Columns, but is specifically used to extend a
Columns
Combo reusable combo as defined in the Type property.
Append
Reusable Indicate if the value returned from a REST service method contains a
Is Delimited
Combo tilde separated list that is to be used to populate the combo.
Set the name of the parameter that holds the tilde separated list of
items used to populate the combo. Should be defined when a REST
Reusable Parameter service and service method is called and the method returns a
Combo Name parameter that holds a tilde separated list of items. If no parameter is
defined, then returnObj is used. Only used when Is Delimited is
checked.
Set filters that are applied to the data when either a service method
Reusable or BAQ is defined. Syntax is the same as classic and is to be used in
Filters
Combo conjunction with Filters Params. Example: Key2 = '?
{StateCol,''}' (Fig. I)
This is similar to the Filters property, but is specifically used to extend
Reusable
Filters Append a reusable combo as defined by the Type property. Example:
Combo
Inactive = false
Reusable
Filters Params Maps to the filters property. Example: StateCol = AK
Combo
Does not work. REST arguments that are sent when the data is
Reusable Rest
retrieved using a REST service. This is to be used in conjunction with
Combo Arguments
Rest Arguments Params.
Rest
Reusable
Arguments Does not work. Maps to the Rest Arguments property.
Combo
Params
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Set a combo style. DropDown style allows typing within the combo
Drop Down
Advanced text if the “Allow Custom” option is checked. DropDownList style
Style
allows selection from available items only.
This one has issues. In the TextField/ValueField used to define
what shows up in the combo and what’s used for the data binding,
you need to define the column name (Key2, ShortChar01) however,
when using a static list, those should be Display/Value respectively. If
you have the column names, the static list items don’t display
Advanced Append List
properly. If you have Display/Value defined, the columns from the
service do not display properly. Additionally, the static list items
display regardless of this checkbox, so it doesn’t really do anything.
WEEEEE! Any who–the idea of this is it’s supposed to append the
static list items to the returned service data.
Set the selected value for the combo. This automatically sets the
Advanced Selected Value EpBinding to whatever you put here. Incidentally, it does not
display anything in the combo. (Fig. J)
This is to be used if you defined a service, but not a service method.
Advanced Data Mode
Valid options include GetList and GetRows
Advanced BAQ Query Set the BAQ Query ID which should be defined when the items for
Skip to main content
the combo box are to be supplied by calling a BAQ. Example:

https://www.epiusers.help/t/kinetic-control-compendium/105887 18/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
zCustomer01
Set the data item that represents the item text. Example:
Advanced TextField
ShortChar01 (or display if using a static list)
Defines the data object property to be displayed as value once
Advanced Value Field
selected. Example: Key2 (or value if using a static list)
Advanced Where Clause Obsolete. Use row filter instead.
Advanced User CodeId Obsolete. Set the reusable type to be UserCode.UserCodes instead.
Set the client filter to be applied to the items after data is retrieved,
Advanced Row Filter
but before filling the combo. (Fig. K)
Set the filter to be applied at the service level while retrieving the
Advanced Search Filter
components. (Fig. L)
Advanced When setting a static list, this is the text to be shown in the combo.
Display
> List (Fig. M)
Advanced When setting a static list, this is the value to be stored in the binding.
Value
> List (Fig. M)
You can define a string array here to display. You’re supposed to
be able to do an array of objects for a value/display pair, but I could
Advanced Data not get that to render correctly. I believe this has to do with the
TextField/ValueField, but I’m not sure what to put here as the usual
display/value does not work. Example: ["Item1", "Item2] (Fig. N)
Advanced Set the name of the column where you wish the following properties
Field
> Columns to be applied to. Exampled: ShortChar01
Advanced
Caption Set the title for the column in the combo. (Fig. O)
> Columns
Advanced
Width Set the width of the column in the combo.
> Columns
Advanced Set the alignment of the column in the combo. Valid values include
Align
> Columns Right, Left, Center. (Fig. O)
Advanced Set the style of the text of the column in the combo. Value values
TextStyle
> Columns include h1, h2, h3, normal. (Fig. O)
Does not seem to do anything. This is suppose to allow the user
Advanced Filterable
to filter the data in the combo.
Vertical Set to true if null values can be saved to data. Not sure how the
Advanced
Columns property name relates, but #Shrug
Advanced Header Title Sets the title of the combo. (Fig. P)
Does not seem to do anything. “Set to add headers for columns
Advanced Header
on comboBox”.
Set to allow user-defined values that are not present in the dataset.
Advanced Allow Custom
(Fig. Q)
Does not seem to do anything and would be silly anyways?
Advanced Spell Check
Enable to check for spelling and grammar.

Figure A: Label Text

Figure B: Comments

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 19/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure C: Ep Binding Data/Text

Figure D: Width

Figure E: Type

Figure F: No Data Text

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 20/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure G: Retrieve Columns

Figure H: Column Captions

Figure I: Filters

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 21/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure J: Selected Value

Figure K: Row Filter

Figure L: Search Filter

Figure M: List

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 22/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Fig Newton: Data

Figure O: Columns

Figure P: Header Title

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 23/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure Q: Allow Custom

Kinetic Functions and Application Studio


How do you load data into a Combo Box from UD Table?
Kinetic EmpBasic ComboBox with Filter
Reusable Combobox on ProdGrup.ProdGrupCombo Not Working

Ernie Ernie Lowell Certified Epicor Consultant Current and previous... Aug '2023

hmwillett:

Button
Y’all know what a button is, right?

It’s what you and Jose continually push each other’s of.

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

I think you’re confusing Jose with my children. They know where every single one of my buttons are
Skip to main content and they relish in pushing them.

https://www.epiusers.help/t/kinetic-control-compendium/105887 24/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Ernie Ernie Lowell Certified Epicor Consultant Current and previous... Aug '2023

It could well be an additive list… perhaps even a compendium.

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Aug '2023

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Container
A container is a control that groups other controls together.
This is one of the few controls that can exist outside of a column control. Most other controls need to
be placed within a column control.

Property
Property Description
Group

Basic Id Unique identifier for the control


Skip to main content Basic Label Text Sets the label text within the control. (Fig. A)

https://www.epiusers.help/t/kinetic-control-compendium/105887 25/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
enabled if there is no current record, allowing the user to select an
Data Key Field
existing record or create a new one. Not relevant to this
component
Minimum Setting this allows 2 or more containers to “flex” their size and show
Layout
Width up side-by-side if the space is available. (Fig. C)
This defines the direction the controls (that can flex with a min width
Layout Flex Direction property themselves) within the container can flex. Values include
Row (horizontal), Column (vertical), and Default (horizontal). (Fig. D)
Align Main No idea what this does. I would assume this is suppose to align
Layout
Axis them on the horizontal axis, but it does not do anythign.
This aligns the controls on the vertical axis if the Flex Direction is
Align Cross
Layout “column”. If it’s set to “Row”, it just slightly shrinks the control.
Axis
#Shrug. Valid options include Start, Center, and End. (Fig. E)
Where you buy clothes? I have no idea. This doesn’t seem to do
Layout Gap
anything.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers

Figure A: Label Text

Figure B: Comments

Figure C: Minimum Width

Figure D: Flex Direction

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 26/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure E: Align Cross Axis

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Mark be like:

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 27/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Aug '2023

Couldn’t find an energetic fist pump emoji…

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Currency Box
Allows user to have the currency field displayed along with the amount. By default, the currency gets
toggled as per value selected from the Currency Selector Control.
Skip to main content So far as I can tell, this will not do the exchange calculation for you. You will need to create events to
populate each binding when the currency value changes. For instance, if you set the currency field to
https://www.epiusers.help/t/kinetic-control-compendium/105887 28/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
be $500.00 USD, you will need to have an event that converts it to Euros (or whatever) and stores it
in the Currency Box’s Document Currency binding field. Then, when you switch the Currency Selector
control between USD and EUR, it will toggle between each value in the Currency Box Field. This is a
very manual control for setup…

Property
Property Description
Group
Basic Id This is the control’s unique identifier
Basic Label Text Alter the display text on the button (Fig. A)
Click this to create an OnClick Event. On Click is triggered when
Behavior On Click
a user clicks the button.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select
an existing record or create a new one.
Bind the control to a DataView.Column. This is your Base
Data EpBinding
Currency field. (All Your Base Are Belong To Us )
Ep Binding Bind the control to a DataView.Column. This is your Document
Data
Document Currency field.
Bind the control to a DataView.Column. This is a boolean value
Ep Binding
Data to indicate whether or not to show the base value when the
ShowBase
document currency is selected to be shown. (Fig. C)
This is the binding for the document currency symbol.
Incidentally, when you switch the currency to base by either using
Ep Binding
Data ShowBase or the Currency Selector, it does not change the
DocumentSymbol
currency symbol, soooo you’ll likely have to wire up an event to
do this yourself. Yeehaw.
Set the alignment for the control. Valid options are Left,
Layout Alignment
Center, Right. Does not woooork.
Sets the specific width (pixels) for the control. Does not
Layout Width
woooork.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 29/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
This doesn’t seem to do anything? It’s supposed to set the
active currency for the control by default, but noooop. Valid
Active Currency options include BASE, DOC, RPT1, RPT2, RPT3, GLOBAL, and
Advanced
Type Unspecified (It annoys me that the rest are capitalized, but
Unspecified is not. I guess someone forgot to specify a consistent
format )
Sets the format for the field by overriding the extended
properties Format. Only half works. It only takes into
consideration the “>” and “9” options It doesn’t give a hoot what
Advanced Mask
you put for the separators–yer gittin’ commas… and no decimals.
And it only works on the base field. <Insert Nathan Fillion lost for
words GIF> (Fig. D)
This forces the control to show the base value. Or dooooes it?
Advanced Show Base
Narrator: It does not.
Advanced Show Symbol Enable to show the currency symbol. (Fig. E)
Enable this to make the Currency Selector useless. Changing the
Advanced Disable Toggle Currency Selector will no longer toggle the Currency Box
between your base and document currencies.

**After thought: I’m not sure why the Active Currency Type property shows anything except BASE
and DOC as there are no bindings for RPT1, RPT2, etc. like there were in days of old. Still seems
like quite a nonsensical control.

Figure A: Label Text

Figure B: Comment Text

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 30/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure C: Show Base

Figure D: Mask

Figure E: Show Symbol


Typically, the textbox where I typed in EUR would be a bound field not shown on the screen. Shown
for educational purposes.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Currency Selector
Sister control to the Currency Box–this allows a user to select a currency type from a dropdown.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 31/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group

Basic Id This is the control’s unique identifier


Basic Label Text Alter the display text on the button (Fig. A)
Click this to create an OnClick Event. On Click is triggered
Behavior On Click
when a user clicks the button.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the
field is enabled if there is no current record, allowing the user
Data Key Field
to select an existing record or create a new one. Not
applicable to this control.
Bind the control to a DataView.Column. This is your Document
Data EpBindingDocument
Currency field.
Set the alignment for the control. Valid options are Left,
Layout Alignment Center, Right. (Fig. C) **Behaves weirdly depending on the
control size.
Sets the specific width (pixels) for the control. Does not
Layout Width
woooork.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing.
State Read Only
The control can still be focused.
Show Document When enabled the doc currency type will be ignored and
Advanced
Currency base currency will be used. Does not seem to work.

Figure A: Label Text

Skip to main content


Figure B: Comments

https://www.epiusers.help/t/kinetic-control-compendium/105887 32/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure C: Alignment

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Date Picker
Dates here! Get your dates here! Fresh and mostly working!
This control allows you to enter or pick a date. Shocking, I know!

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 33/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Basic Id Unique identifier for the control
Basic Label Text Sets the label within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the button to a DataView.Column.
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Right. Doesn’t work.
Layout Width Sets the specific width (pixels) for the control. Doesn’t work.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Sets the way the format sections of the input field are rendered.
Format
Advanced Valid options incluuuude Wide, Narrow, Short, FormatPattern.
Placeholder
Narrow and Short appear to be the same. (Fig. C)
Sets the hint the DatePicker display when its value is null. No.
Advanced Place Holder
No it doesn’t. This does nothing.
Min Allowed
Advanced Specifies the minimum date allowed for the control. (Fig. D)
Date
Max Allowed
Advanced Specifies the maximum date allowed for the control. (Fig. E)
Date
Range
Advanced If enabled, this will enforce the min and max allowed dates.
Validation
If enabled, this will display a week number column in the month
Advanced Week Number
view of the calendar (Fig. F)
If enabled, this will display the navigation side-bar on the calendar.
Advanced Navigation
(Fig. G)
Override the default display format for the date time value using
Advanced Mask Standard DateTime Format strings such as MM/dd/yyyy
(08/15/2023) or MMM yyyy (Aug 2023). Doesn’t work.

Figure A: Label Text

Figure B: Comments

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 34/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure C: Format Placeholder

Figure D: Min Allowed Date

Figure E: Max Allowed Date

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 35/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure F: Week Number

Figure G: Navigation

Kinetic Print Screen Problem for Dynamic Report with BAQ Date Parameter

ADVERTISEMENT

spaceage Chris Cloud (latest) Aug '2023

Thank you so much for doing this!

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

File Picker Client


The file picker client allows a user to select a local file.
Note: This does not actually upload a document anywhere. It just saves the file name to a binding.
You will need to create an event and use the file-transfer-erp widget to make things happen with
Skip to main content
the file.

https://www.epiusers.help/t/kinetic-control-compendium/105887 36/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Properties Description
Group

Basic Id Unique identifier for the control


— — —
Basic Label Text Sets the label text within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
enabled if there is no current record, allowing the user to select an
Data Key Field
existing record or create a new one. Would not make sense to be
used with this control.
Data EpBinding Bind the button to a DataView.Column.
Set the alignment for the control. Valid options are Lawful Good, True
Layout Alignment
Neutral, Chaotic Evil… Left, Center, Right. (Fig. C)
Sets the specific width (pixels) for the control. It would seem you
Layout Width
cannot go below 290px (Fig. D)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The control
State Read Only
can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Advanced Multi Select Allows a user to select multiple files. (Fig. E)
Hides the search icon which disables the file selection. <Insert “But
Advanced Hide Search
Why” Ryan Reynolds GIF> (Fig. F)
Filters the file types allowed. Syntax is |.pdf If you want multiple
file types, there’s a bug where it’s off by one (it does not loop through
the last one), so you will have to double up like so:
|.pdf|.xlsx|.xlsx The second |.xlsx will be ignored. It actually only
Advanced Filter
looks at the even indexes because why not, lol… So doing this
|.pdf|.xlsx|.doc|.txt|.css will give you a filter for PDFs, DOCs,
and CSS… (Fig. G) I GUESS I’ll submit a ticket for that one.
(CS0003827637 ← This was a mistake… )
Cache key to be used to store the file in cache. If empty, the file is
File Cache
Advanced not stored in cache. Not sure if this works, but I could not find the file
Key
in either the browser cache or the local cache.

Skip to main content Figure A: Label Text

https://www.epiusers.help/t/kinetic-control-compendium/105887 37/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure B: Comments

Figure C: Alignment

Figure D: Width

Figure E: Multi Select

Figure F: Hide Search


Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 38/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure G: Filter

File Save from epicor functions

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Aug '2023

Hannah, we (or at least not me) are not worthy of such incredible insights!

Thank you!!!

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Skip to main content


utaylor:

https://www.epiusers.help/t/kinetic-control-compendium/105887 39/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

we (or at least not me) are not worthy

Ahahaha!
My mind went here:

Or if you have kids:

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Aug '2023

That’s exactly the GIF to represent how I feel.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

File Picker Server


Allows a user to “select” a file form the server. I say “select” in quotes because this does not bring the
file down. It only binds the path to the data binding fields. You will need to use an event with the erp-
file-transfer widget to move things about.
I don’t know what I’m doing.

Property
Properties Description
Group
Basic Id Unique identifier for the control
Basic Label Text Sets the label within the control. (Fig. A)

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 40/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Properties Description
Group
Click this to create an OnBlur event for the control. On Blur is triggered w
Behavior On Blur
control loses focus.
Click this to create an OnCreate event for the control On Create is trigge
Behavior On Create
the control is painted to the GUI.
Add some developer notes to the control. These are not customer-facing
Comments Comments
only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is enabl
Data Key Field is no current record, allowing the user to select an existing record or cre
one.
Bind the button control to a DataView.Column. I wonder how many times
Data EpBinding copy+pasta that wrong. . This will store the file name and partial path
Log\LogTextFile.txt.
Server folder that should be navigated to in order to select files. Valid Op
Data Special Folder Include: Report, WebDeployment, ReportDefinition, CustomReportDefin
UserData, CompanyData, EWADeployment, and Attachment. (Fig. C)
Filters to be added to the file selector type. Format: Text Files
Data Filter (*.txt)|*.txt|All Files (*.*)|*.* In plain words
Description|WildCard.FileExtension (Fig. D)
Binding to store the relative file path such as
Binding File
Data C:\EpicorData\EpicorKineticGold\Companies\C001\Log\LogText
Name
(Fig. E)
Layout Alignment Set the alignment for the control. Valid options are Left, Center, Right. (F
Layout Width Sets the specific width (pixels) for the control. (Fig. G)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The control c
State Read Only
focused.
State Auto Focus When enabled, the control is automatically focused on creation.
If this is false, you can type in whatever you want in the file name box fro
Check File
Advanced slide out and it will accept it as truth. If enabled, this will check if the file a
Exists
exists and sternly yell at you if it doesn’t! (Fig. H)

Figure A: Label Text

Figure B: Comments

Figure C: Special Folder

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 41/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Filter

Figure E: Binding File Name

Figure F: Alignment

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 42/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure G: Width

Figure H: Check File Exists = FALSE

Figure H: Check File Exists = TRUE

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 43/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

File Server Folder


Allows a user to select a folder from the server. And by “select” I mean it just puts the name of it into
the binding.

Property
Property Description
Group
Basic Id Unique identifier for the control
Basic Label Text Sets the label within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
Skip to main content existing record or create a new one.

https://www.epiusers.help/t/kinetic-control-compendium/105887 44/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Data EpBinding Bind the control to a DataView.Column.
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Right. (Fig. C)
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Root Folder to display subfolders in. Valid Options Include: Report,
WebDeployment, ReportDefinition, CustomReportDefinition,
Advanced Special Folder
UserData, CompanyData, EWADeployment, and Attachment. (Fig.
E)
Disable Validates the folder still exists on the server on click of OK. This
Advanced
Validation doesn’t work.

Figure A: Label Text

Figure B: Comments

Figure C: Alignment

Skip to main content


Figure D: Width

https://www.epiusers.help/t/kinetic-control-compendium/105887 45/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure E: Special Folder

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Fiscal Year Suffix


Combines the Fiscal Year and Suffix into a singular control.
This control has a built-in search that looks up the fiscal calendars.

Property
Property Description
Group

Basic Id Unique identifier for the control


Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the fiscal year to a DataView.Column. (Fig. B)
Bind the fiscal suffix to a DataView.Column. If this field is not
Data EpBinding Suffix
bound, the suffix part of the control is hidden. (Fig. B)
Fiscal Calendar
Data Binding for the fiscal calendar ID to be used in the search (Fig. B)
ID
Set the alignment for the control. Valid options are Left, Center,
Skip to main content Layout Alignment
Right. (Fig. C)

https://www.epiusers.help/t/kinetic-control-compendium/105887 46/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Label Search
Advanced The label within the fiscal year control. (Fig. D)
Text Box
Label Suffix Text
Advanced The label within the suffix control. (Fig. D)
Box

Figure A: Comments

Figure B: EpBindings
Red box is the Fiscal Year Suffix Control
Purple is a textbox I added to show the Fiscal Calendar ID.

Figure C: Alignment

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 47/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Labels

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Foreign Lang Desc

ADVERTISEMENT
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 48/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

GL Account Editor
General Ledger Multi-book account editor component with possible multi-book account code entries.
I can’t, for the life of me, figure out how to make the description stop being red by using the properties
of this field alone.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
Click this to create a useless event you’ll have to delete. (Fig.
Behavior On Book Select
B for the lulz)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. C)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the control to a DataView.Column.
Set the data binding for the COA Code using the format
Coa Code
Data View.Column. This is a column the control pulls from to read the
Column
COA Code. Needs to be an actual DB column. (Fig. D)
Binding External Set data binding for the External CompanyID. Format:
Data
CompanyId View.Column. (Fig. E)
Binding Set the data binding for the Description. Format: View.Column
Data
Description (Fig.E)
Set the data binding for the Account Display. Format:
Data Binding Acct Disp
View.Column. (Fig. E)
Set the data binding for the Segments. This will generate 20
Data Binding Segments different bindings in the format of View.Column1 - View.Column20.
Skip to main content
Format: View.Column (Fig. E)

https://www.epiusers.help/t/kinetic-control-compendium/105887 49/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Binding Invalid Set the data binding to retrieve the invalid message. Format:
Data
Account Message View.Column. (Fig. E)
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Right. (Fig. F)
Layout Width Sets the specific width (pixels) for the control. (Fig. G)
Sets the width of the description which must be less than the total
Layout Description Width
width. (Fig. G)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Set an event name to overwrite the default account search event.
Account Search The trigger for the event needs to be
Advanced
Event Binding EpBinding/OnClick/EventName where the event name is the
event you’re currently editing. Yup. (Fig. H)
Supposed to be the same as the account one, but for
Segment Search
Advanced segments, but I could not get this one to fire. Maybe it’s the book
Event Binding
icon? If so–that one is broken too.
Description Set the orientation for the description field. Valid Options include:
Advanced
Orientation horizontal and vertical. (Fig. I)
Advanced Hide Dynamic Enable to hide dynamic segments.
Do not require
Advanced Check this to disable dynamic segments required
Dynamic
Enables patterns in account. This is some GL-ese I don’t
Advanced Allow Pattern
speak. Not sure what this does.
Select a pattern option allowed in the account. Valid options
Advanced Pattern Options include: All, percent, underscore. Again–this is some GL-ese I
don’t speak. Maybe someone in finance can weigh in?
Validate Segment
Advanced Enable to include segment validation when typing in a GL. (Fig. J)
Values
Validate Account Enable to include account code validation when typing in a GL.
Advanced
Code (Fig. J)
Validate Account Enables validation when the account is loaded. Not sure how
Advanced
on Load to test this to fully describe it.
Validate Required
Advanced Enables validation of the entered required segments. (Fig. J)
Segments
Validate Segment
Advanced Enable to include segment property validation. (Fig. J)
Properties
Hide Segment
Advanced Marked as obsolete.
Labels
Advanced Show Description Enable to show the description field. (Fig. K)
Do not cache Checking this disables the description caching. Not quite sure
Advanced
description what this means.
Show Account
Advanced Checking this shows the search button. (Fig. L)
Search Button

Figure A: Label Text


Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 50/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure B: On Book Select

Figure C: Comments

Figure D: COA Code Binding


Note–I’m using the currency column because it’s the only string column I had to use that wasn’t a
KeyField.

Figure E: Data Bindings

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 51/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure F: Alignment

Figure G: Width

Figure H: Account Event Binding

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 52/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Default

Custom Event

Figure I: Description Orientation

Figure J: Validations

Figure K: Show Description

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 53/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure L: Show Account Search

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS Aug '2023

hmwillett:

Foreign Lang Desc

This is my favorite one.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

GL Control Panel
A grid of GL Control Types and Codes.

This control is busted. I can’t get it to do anything. It doesn’t even react–as in no console or network
activity of any kind. At all.
I will outline the properties and what they should do, but don’t expect this one to work. Or–if you do
get it working, come tell me what TF I’m missing.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 54/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
But FIRST! … Some code discrepancies between my control setup and Epicor’s native one.

Look at that. That boxed line there. The Rest Service.


Do you see that property anywhere? No? Me neither. But has that ever stopped me? …Nope! So, I
went and added the line in myself in the JSON and pushed it back into the DB. Did it fix the control?
Also nope. Whatever. I’m over it. I am NOT patient enough to submit this one to support. To walk
them through how to set this up… I can’t won’t do it!

And now for something completely different.

Property
Property Description
Group

Basic Id Unique identifier for the control


Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create
Behavior On Create
is triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field
is enabled if there is no current record, allowing the user to
Data Key Field
select an existing record or create a new one. Not really
relevant to this control.
Bind the control to a DataView only. No column. You will also
Data EpBinding
need to configure the dataview (Fig. B)
Skip to main content State Personalizable If true, a user can personalize this component(hide/show)

https://www.epiusers.help/t/kinetic-control-compendium/105887 55/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
Expand the panel by default when the form opens at
Expand At runtime. Doesn’t work. At all. It doesn’t even add it to the JSON.
Advanced
Runtime I can add it to the JSON and make it work. But the property
doesn’t. (Fig. C)
Set the business entity that the GL control type links to. The
business entity defines what areas of the database the GL
Advanced Business Entity
control type updates through its account and journal contexts.
Example: APInvHed
Set the search to run for the GL Control Type Field. Default
search used is ‘GLCTEntity.GLControlType’. This comes up
Search for GL
Advanced when you click the New Row icon, then Search. (Fig. D) See
Control Type
Addendum for how to configure the REST call to make new
New button work.
Set the search to run for the GL Control Type Field. Default
search used is ‘GLCTEntity.GLControlCode’. This comes up
Search for GL
Advanced when you click the New Row icon, then Search. See Addendum
Control
for how to configure the REST call to make new New button
work.
Advanced Full Screen Enable full screen mode! (Fig. E)
Advanced >
Set the data binding in the format View.Column for the
Rest call Related Entity
realtedToFile parameter value. Example: ApInvHed
arguments
Set the data binding in the format View.Column that will provide
Advanced > the value for the first key in the relatedToFile Table. Example:
Epbinding for first
Rest call ABCCode.Integer1_c which maps to VendorNum. Run a BAQ
related entity key
arguments on the EntityGLC table to get some sample data for each
RelatedToFile.
Advanced > Epbinding for Set the data binding in the format View.Column that will provide
Rest call second related the value for the second key in the relatedToFile Table.
arguments entity key Example: ABCCode.String1_c which maps to InvoiceNum.
Advanced > Set the data binding in the format View.Column that will provide
Epbinding for third
Rest call the value for the third key in the relatedToFile Table. Example:
related entity key
arguments ABCCode.String2_c which maps to GroupID.
Advanced > Epbinding for
Set the data binding in the format View.Column that will provide
Rest call fourth related
the value for the fourth key in the relatedToFile Table.
arguments entity key
Advanced >
Epbinding for fifth Set the data binding in the format View.Column that will provide
Rest call
related entity key the value for the fifth key in the relatedToFile Table.
arguments
Advanced > Epbinding for
Set the data binding in the format View.Column that will provide
Rest call sixth related entity
the value for the sixth key in the relatedToFile Table.
arguments key

Figure A: Comments

Skip to main content Figure B: EpBinding

https://www.epiusers.help/t/kinetic-control-compendium/105887 56/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Note the difference Dataset/Table

Figure C: Expand at Runtime JSON


The only way I could get this to work is to add it myself to the code. I’m not going to explain how.

Figure D: Search for GL Control Type

Figure E: Full Screen

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 57/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Addendum

REST Setup for New button


The event must be called GetNewEntityGLC (or some variation of your dataview). If you named your
dataview Stroopwafel, then name the event ‘GetNewStroopwafel’.

Method Parameters (modify to your specific BO call):

ds: empty
realtedToFile APInvHed
key1: Bound vendor column {ABCCode.Integer1_c}
key2: Bound invoice number column {ABCCode.String1_c}
key3: Enter a space, this is empty.
key4: Enter a space, this is empty.
key5: Enter a space, this is empty.
key6: Enter a space, this is empty.

ERP Rest Arguments > Request Parameters > Dataset (modify to your specific BO)

System Code: ERP


Dataset Id: APInvoice

#SuperGoodEnough

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 58/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
.

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

GL Multibook Account Editor

Some of these I just don’t know what to tell y’all.


It seems like the GL Account Editor with extra steps that… don’t work. And it pulls dataviews out of it’s
magical GL ass. I hate accounting.

Gonna keep on going and revisit these ones later.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Grid
The formation of each driver’s starting position at the beginning of the ra-- …ope, nope. Not that one.
Expandable container that displays a grid and allows interaction with the grid using additional
components in the panel card header.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 59/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the Title of the grid found on the Panel Header. (Fig. A)
On Panel Card Hook into an event which occurs when the panel card is opened.
Behavior
Expand (Fig. B)
On Panel Card Hook into an event which occurs when the panel card is closed.
Behavior
Collapse (Fig. B)
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. C)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one. Not relevant to this control.
Bind the control to a DataView.Column. I’ve never used this
Data EpBinding
binding field. I don’t believe this is relevant to this control.
Determines how the data in the grid is rendered. Valid options
include: None, Scrollable, Virtual (requires page size property as
well). None will load the entire dataset up front and load it into the
Data > Grid Scrollable
grid. Presumably, scrollable does the same? Virtual render the
number of rows (page size) and will load that many more as you
scroll.
Data > Grid Height Sets the height of the grid in pixels. (Fig D.)
Data > Grid Width Sets the width of the grid in pixels. (Fig D.)
Data > Grid Row Height Has no effect.
Sets the number of records to render for the Virtual scroll model.
Data > Grid Page Size
(Fig. E)
Data > Grid Entity Type No idea!
Drag Image
Data > Grid No idea!
Icon
Data > Grid Resizable Enable to allow the user to resize the column headers.
Data > Grid Sortable Sorting is enabled regardless of this checkbox.
Data > Grid Pageable Paging seems to happen regardless.
Not sure why this is tri-state, but enabling it allows a user to group
Data > Grid Groupable
on columns. (Fig. F)
Data > Grid Filterable Enable to allow filtering. (Fig. G)
Data > Grid Advanced Filter Doesn’t change the filter settings. #Shrug
Data > Grid Reorderable Allows the user to reorder the columns to their fancy. (Fig. H)
Data > Grid >
Reorder Rows Reorder Rows
Row Reorder
Set the sortable column name. So, I just have no words here.
Data > Grid > Sortable
There’s some effed up looping going on. Here’s a GIF for the lulz,
Row Reorder Column Name
but I would stay away from this property. (Fig. I)
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 60/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Enables editing of the grid cells. This is to be used in conjunction
Data > Grid Editable
with Columns > Editable. (Fig. J)
Disable Paste Disables the paste new operation from the right-click menu. (Fig.
Data > Grid
New K)
Disable Paste Disables the paste update operation from the right-click menu.
Data > Grid
Update (Fig. K)
Enables the selection of rows. Used in conjunction with Data >
Data > Grid Selectable
Grid > Selection Options. (Fig. L)
Maximum Set the max number of columns to be displayed. This will display
Data > Grid
Columns the first N columns returned from the dataset. (Fig. M)
Data > Grid >
Checkbox
Selection Shows a column of checkbox selectors. (Fig. L)
Selection
Options
Data > Grid >
Selection Show Select All Shows a checkbox in the upper-left that selects all rows. (Fig. N)
Options
Data > Grid >
Boolean field to designate that the row has been selected.
Selection Select by Field
Generally, this is a hidden column you create. (Fig. O)
Options
Data > Grid >
Select All Set the data binding to indicate select all has been checked in the
Selection
EpBinding format of DataView.Column. (Fig. P)
Options
Data > Grid > Set the Select All page total for how many rows/pages are
Select All Page
Selection loaded and selected if not all the records can be selected up front.
Count
Options Didn’t seem to do anything.
Data > Grid >
Edit Mode Not sure. They don’t seem to do anything different.
Edit Options
Data > Grid > Update On Enable the update on change mode (otherwise update occurs
Edit Options Change on leaving control). Doesn’t seem to trigger anything.
Set the field name from the dataset. If it’s from a BAQ, then it
would be in the format of Table_Column. If it’s from a dataview
Data > Grid >
Field bound to the grid, then it would just be the column name with no
Columns
table or dataview prefix. BAQ Example: Part_PartNum | BO
Example: PartNum
Data > Grid > Give the column header a title. This will default to the Field name
Title
Columns if none is supplied. (Fig. Q)
Data > Grid > Set the data binding for the column using format View.Column
Ep Binding
Columns (special cases). What are those special cases? Who knows?
Data > Grid >
ID Set the ID for the column. This can be used in events.
Columns
Select the type that the column will be such as Boolean, Combo,
Text, Currency, etc. This is used in conjunction with the Erp Editor
Data > Grid >
Erp Editor Model to define the special behaviors of each. For instance, if
Columns
setting the Erp Editor to Combo, you can then define the data in
said combo by using the Erp Editor Model.
As mentioned above, this is used to define the properties of the
Data > Grid > Erp Editor Erp Editor. To find out more, reference the appropriate control
Columns Model within this page. Text = Textbox, Boolean = Checkbox, Combo =
Combo, etc.
Disable
Data > Grid > Enable this to prevent the currency from toggling when using the
Currency
Columns Currency Selector control.
Toggle
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 61/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Turns the data within this column into a clickable link. You will
Data > Grid >
Is Link need to set up any actions by creating an event using the
Columns
Grid/onClick event. (Fig. R)
Skip Row
Data > Grid > Disables any row change events that may fire when clicking the
Change On
Columns link.
Link Click
Data > Grid >
Filterable Enables or Disables filters for the column. (Fig. S)
Columns
Data > Grid >
Sortable Enables or Disables sorting for the column.
Columns
Data > Grid >
Width Sets the specific width of the column in pixels. (Fig. T)
Columns
Data > Grid >
Editable Enables editing for the column. (Fig. J)
Columns
Data > Grid >
Selector Sets the column as the designated selector. (Fig. O)
Columns
Data > Grid >
Hidden Hides a column (Fig. U)
Columns
Data > Grid >
Export Excel File Name Name of the Excel file when exporting. (Fig. V)
Settings
Data > Grid >
Number of Doesn’t do anything. My page size is 50, I set this to 1, and it
Export Excel
pages to export downloaded all 1,000 rows.
Settings
Data > Grid ID Set the ID of the grid. This is used to affect the grid in events.
The data binding for the grid when the view is populated
Data > Grid Ep Binding
elsewhere (events). Format: DataView Example: ABCCode
The column name to hide from the grid. This is useful if you only
want to hide one or two vs using Columns to explicitly define what
Data > Grid >
to show. If it’s from a BAQ, then it would be in the format of
Columns Field
Table_Column. If it’s from a dataview bound to the grid, then it
Hidden
would just be the column name with no table or dataview prefix.
BAQ Example: Part_PartNum | BO Example: PartNum
Data > Grid >
Set the name of the view that receives the data from the server
Provider Ep Binding
call. Format: ABCCode
Model
Data > Grid >
Provider Description This is basically just a comment for the provider model.
Model
Data > Grid >
The REST service that provides the data. Example:
Provider Svc
Erp.BO.PartSvc (Fig. W)
Model
Data > Grid >
Provider Svc Path The REST method to be called. Example: GetList (Fig. W)
Model
Data > Grid >
Provider Table Name The table name that holds the data. Example: PartList (Fig. W)
Model
Data > Grid >
Out Param Set the out parameter name that holds the rows of data. Example:
Provider
Name returnObj (Fig. W)
Model

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 62/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Data > Grid >
Supposed to filter the dataset after it’s returned from the
Provider Client Filter
server. Can’t get it to work.
Model
Data > Grid > Set a JSON object composed of key-value pairs that define the
Provider Rest Params parameters that are sent into the service call. Example: {
Model "whereClause": "PartNum = '10008'" } (Fig. W)
Data > Grid >
Provider Columns Doesn’t work. Use the columns from the Grid Model section.
Model
Data > Grid >
Provider BAQ ID BAQ Identifier that will provide data. Example: PartList (Fig. X)
Model
Data > Grid >
Provider
Page Number If there are multiple pages, this defines the first page to display.
Model > BAQ
Options
Data > Grid >
Provider
Page Size Page size (number of rows) of data to return.
Model > BAQ
Options
Data > Grid >
Provider
Where Where Clause for the BAQ. (Fig. Y)
Model > BAQ
Options
Data > Grid >
Provider
Model > BAQ Column The BAQ column name to filter on. Format: Table_Column (Fig. Z)
Options >
Where List
Data > Grid >
Provider
The operator to use. Valid options include =, <=, >=, <>, starts,
Model > BAQ Condition
matches, like (% wildcard). (Fig. Z)
Options >
Where List
Data > Grid >
The value to check against. Format is '??{DataView.Column}'
Provider
or a literal. Use single quotes around strings. A single ‘?’ will not
Model > BAQ Value
let the REST call happen if the value is empty or null. ‘??’ will
Options >
make the REST call regardless of the value. (Fig. Z)
Where List
Data > Grid >
Provider Honor null will send null if the value is… null! Otherwise, it will
Model > BAQ Honor Null NOT append that where item to the where clause in the case of a
Options > null value.
Where List
Data > Grid >
Provider
Model > BAQ Empty Value If the value of the binding is empty, this will get sent instead.
Options >
Where List
Data > Grid >
Page Padding Overrides the default of 2 additional pages of data that should be
Provider
Size retrieved when using server paging with a BAQ data provider.
Model
Data > Grid > Auto Load Grid Indicate if the grid column definitions should be autoloaded using
Skip to main content Provider existing definitions for the bound dataview columns.

https://www.epiusers.help/t/kinetic-control-compendium/105887 63/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Model
Data > Grid > Indicate if this provider is the default selection in the provider
Provider Set Default list on the panel card grid. Not sure with this one since you cannot
Model add multiple providers here.
Data > Grid >
Indicate if this provider retrieves data as needed as the user
Provider Server Paging
scrolls through grid pages instead of returning them all at once.
Model
Collapse
Data > Grid Collapse all groups by default. Doesn’t work.
Groups
Auto Load Not sure what this does because the columns auto load by
Data > Grid
Columns default anyways.
Sets the minimum width the panel can shrink to when the page is
Layout Minimum Width
in Flex Layout Mode. (Fig I ← Roman Numeral 1)
Layout Width Doesn’t seem to do anything.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Auto Fill Enable this to have the grid take the full size of the container it’s
Advanced
Container in. (Fig. II)
Enable this to expand the panel card at runtime. When the panel
Expand At is expanded, it attempts to load data from the provider model. In
Advanced
Runtime the case of a dashboard, you may want to disable this to allow
users time to fill in the filters.
Advanced Hide Filter Icon Hides the filter icon from the Panel Card.
Disable Panel Pretty much removes the padding around the outside. This is nice
Advanced
Card Style when you’re embedding a panel in a tab control. (Fig. III)
Export to Excel
Advanced Removes the option to Export to Excel from the Overflow Menu
Disabled
Disable Copy
Advanced Removes the Copy Options from the right-click. (Fig. IV)
Options
Show Filter and
Advanced Turns on the Group Box and Filters by default. (Fig. V)
Group Options
Advanced >
ID The ID of the toolbar button.
Action Data
Advanced > The description of the toolbar button. This shows up as the label.
Description
Action Data (Fig. VI)
Sets the icon next to the description. Format: mdi mdi-icon-
Advanced >
Icon name Icon names can be found here: Material Design Icons
Action Data
(pictogrammers.github.io) (Fig. VII)
Advanced > Set the url that points to the image that is to be displayed on
Image Url
Action Data the action item. Couldn’t figure this one out.
Advanced > Set the data binding for the action item. This is used for onClick
Ep Binding
Action Data events and others as well as rules. Format: DataView.Column.
Advanced > Set the keyboard shortcut to fire the onClick event. Example:
ShortCut
Action Data CTRL+ALT+A

Skip to main content Advanced > Add to Primary Indicate if the item should be shown in the toolbar next to the
Action Data ToolBar overflow menu on the panel card header. (Fig. VIII)

https://www.epiusers.help/t/kinetic-control-compendium/105887 64/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Advanced > Disables the tool. This still seems to show the click animation,
Disabled
Action Data but the event doesn’t fire. #SuperGoodEnough? (Fig. IX)
Advanced >
Add Divider Adds a divider below the menu item. (Fig. X RN)
Action Data
Advanced > Set the numeric sequence of this item in relation to the other
Sequence
Action Data items. (Fig. XI)
Set the system defined type for this action item. If this value is
Advanced > System Tool
set, all properties of the item will be overridden with the system
Action Data Type
defined properties. Doesn’t do anything when set. #Shrug
This is where you can define different, selectable views for a
single grid. For instance, if you have a sales order grid, you can
have views for All, Open, and Closed. To configure these, please
refer to the previously mentioned Provider Model. The setup is the
Advanced View Options same. You would just set different where clauses for each view.
Some points of note that work here and not the overall provider
model is the Description shows the text in the View combo and
the Set Default selects that view over the others to load by
default. (Fig. XII)

Figure A: Title

Figure B: Behaviors

Figure C: Comments

Figure D: Height/Width

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 65/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure E: Page Size

Figure F: Groupable

Figure G: Filterable

Figure H: Reorderable

Figure I: Reordering of Rows?

Skip to main content Figure J: Editable

https://www.epiusers.help/t/kinetic-control-compendium/105887 66/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure K: Disable Paste Operations

Figure L: Selectable

Figure M: Max Columns

Figure N: Select All

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 67/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure O: Select by Field

Figure P: Select All EpBinding

Figure Q: Title

Figure R: Is Link

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 68/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure S: Filterable

Figure T: Width

Figure U: Hidden

Figure V: File Name

Figure W: Provider Model

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 69/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure X: BAQ ID

Figure Y: Where Clause

Figure Z: Where List


You can add as many of these as you need, but they will always be concatenated with “AND”. If you
want to do an “OR” you will need to write it yourself in the “Where” found in the BAQ Options.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 70/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure I (Roman Numeral): Minimum Width

Figure II: Auto Fill Container

Figure III: Disable Panel Card Style

Figure IV: Disable Copy Options

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 71/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure V: Show Group and Filter

Figure VI: Description

Figure VII: Icon

Figure VIII: Add to Primary Toolbar

Figure IX: Disable

Figure X (Roman Numeral): Add Divider

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 72/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure XI: Sequence

Figure XII: View Options

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 73/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Action Data in Panel Card

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

GroupBox
Use to group controls with an optional label so that they stay together as the UI responds to smaller
screens.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the Title of the group. (Fig. A)
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Data Key Field No idea why this is even here as you can’t bind a group box…
Minimum Sets the minimum width the panel can shrink to when the page is in
Layout
Width Flex Layout Mode. (Fig. C)
Options include: Row, Column, Default. Couldn’t get it to flex at
Skip to main content Layout Flex Direction
all. This one may need to hit up the gym some more.

https://www.epiusers.help/t/kinetic-control-compendium/105887 74/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers

Figure A: Label Text

Figure B: Comments

Figure C: Minimum Width

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Label
Allows the user to create a label.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 75/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group

Basic Label Text Set the text of the label. (Fig. A)


Click this to create an OnBlur event for the control. On Blur is triggered
Behavior On Blur
when the control loses focus.
On Click this to create an OnCreate event for the control On Create is
Behavior
Create triggered when the control is painted to the GUI.
Set the data binding in the format of DataView.Column. This will replace
Data EpBinding
what’s in the LabelText property. (Fig. B)
Layout Alignment Set the alignment of the text to Right, Center, or Left. (Fig. C)
State Hidden Hides the control from view.

Figure A: Label Text

Figure B: EpBinding

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 76/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure C: Alignment

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Aug '2023

You’re comp-owning it!

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Link Combo Box


incoming…

Wow, okay, so yeah. This was something.


Allows a user to select from a list of predefined formulers and populate values within them.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 77/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
* I did not set events to do anything with the formula in this example:

Make sure to view the bottom Event configurations to make this thing work!!!

Property Group Property Description

Basic Id Unique identifier for the control


Basic Label Text Sets the label text within the control. (Fig. A)
Click this to create an OnBlur event for the control. On
Behavior On Blur
Blur is triggered when the control loses focus.
Click this to create an OnCreate event for the control On
Behavior On Create
Create is triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true,
Data Key Field the field is enabled if there is no current record, allowing
the user to select an existing record or create a new one.
Data EpBinding Bind the button to a DataView.Column.
Set the alignment for the control. Valid options are Left,
Layout Alignment
Center, Right. (Fig. C)
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
Optional binding to a dataview that has the definitions for
EpBinding for
Misc the items and phrase items. Honestly–I didn’t bother with
Phrase Items
this optional binding… 'cause optional. Yeah.
State Personalizable If true, a user can personalize this component(hide/show)
If true, a user can customize this component in child
State Customizable
layers
State Hidden Hides the control from view.
Disables the control. The control will not allow editing or
State Disabled
focus.
Makes the control read only so that it will not allow
State Read Only
editing. The control can still be focused.
When enabled, the control is automatically focused on
State Auto Focus
creation.
Advanced > Items ID Set an ID of the first collection of items–the row if you will.
Advanced > Items
> Phrase Items ID The ID for the item. (Fig. E)
(Type: Text)
Advanced > Items
> Phrase Items Type Type is Text or Link. Link will be clickable. (Fig. E)
(Type: Text)
Advanced > Items Text The, well… the text! (Fig. E)
Skip to main content
> Phrase Items

https://www.epiusers.help/t/kinetic-control-compendium/105887 78/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property Group Property Description


(Type: Text)
Advanced > Items
If the maximum width of the phrase item in the combo is
> Phrase Items Max Width
exceeded, ellipses are used. (Fig. E)
(Type: Text)
Advanced > Items
The phrase item is clickable even if read only or within an
> Phrase Items AlwaysClickable
inactive grid row when type is link. (Fig. E)
(Type: Text)
Advanced > Items
> Phrase Items ID The ID for the item. (Fig. F)
(Type: Link)
Advanced > Items
> Phrase Items Type Type is Text or Link. Link will be clickable. (Fig. F)
(Type: Link)
Advanced > Items
Set the data binding the link reads from/to. Format
> Phrase Items EpBinding
Dataview.Column. (Fig. F)
(Type: Link)
Advanced > Items
The text shown first before being replaced by the text in
> Phrase Items Default Text
the binding. (Fig. F)
(Type: Link)
Advanced > Items
If the maximum width of the phrase item in the combo is
> Phrase Items Max Width
exceeded, ellipses are used. (Fig. F)
(Type: Link)
Advanced > Items
> Phrase Items AlwaysClickable AlwaysClickable
(Type: Link)

Figure A: Label Text

Figure B: Comments

Figure C: Alignment

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 79/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Width

Figure E: Phrase Type Text

Figure F: Phrase Type Text

Events and Views


Create a dataview:

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 80/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Get the ID of your Link Combo

Create a new event

The trigger is going to be:


Type Control
Hook onLinkClick (This is not in the dropdown… you just have to magically know this!! )
Target The ID you just copied.

Put in a Switch. The value for the switch will be %value% to get whatever was just clicked. These
values will correspond to the IDs you set for each Phrase item. The action off of that case statement
will be row-update.

In the row update, set the Binding to DynamicPanel.Text1. This will be used in the next widget.
Set the value to the binding of your Phrase item. For the operator, bind it to TransView.ExOper. Or
don’t. I dunno. That’s just what I found Epicor doing when I reverse engineered it.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 81/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

The switch fails without this. Make sure to do an OnSuccess on your row-update widget. Throw a
console-write after so that if you need to rearrange downstream widgets, you don’t have to start
over. Initialize DyanmicPanel.Text1 and TransView.ExOper with what’s in our bindings presently.

Now attach some dynamic-panel-open widgets.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 82/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Give it a title.

Here’s the code for a textbox component. Note that it’s using the DynamicPanel.Text1. If you bound
that to something else, change it here too.

[
{
"controlTypeId": "ErpTextBox",
"controlModel": {
"labelText": "Enter Text",
"epBinding": "DynamicPanel.Text1"
}
}
]

You can technically do the same for the operator (Make sure to change the binding, though), but
Epicor got fancy with theirs. Here’s the code for that:

[
{
"controlTypeId": "ErpSelectionList",
"controlModel": {
"epBinding": "TransView.ExOper",
"items": [
{
"id": "+",
"text": "+ Addition",
"selected": true
},
{
"id": "-",
"text": "- Subtraction"
},
{
"id": "*",
"text": "* Multiplication"
},
{
Skip to main content "id": "/",

https://www.epiusers.help/t/kinetic-control-compendium/105887 83/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
"text": "/ Division"
}
],
"uiMode": "singleSelect",
"valuePrimitive": true,
"mode": "SingleSelect",
"draggable": true
}
}
]

On the panel’s OnOK response, set up more row-updates to send that info back to the page
bindings.

Now you have the values. Or something. Create a button to do something with that formula. I don’t
know. This control was stupid.

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Skip to main content Anyone know a good neurosurgeon?

https://www.epiusers.help/t/kinetic-control-compendium/105887 84/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
I think I’ve got brain damage from that one.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

List Box
Allows a user to display a list of preset items. This control allows for single or multiple selections.

The properties on this control are nearly identical to the ones for the List Selection Box, however this
is the pared down version and most properties don’t do anything.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the button to a DataView.Column. Multiple selections will be
Data EpBinding
delimited and stored by their ID.
Data > Set the unique ID for the items. This is also what is stored in the
Id
Items EpBinding for the control. (Fig. C)
Data >
Text Set the display text for the item. (Fig. C)
Items
Data >
Id Name (Obsolete)
Items
Data >
Description Detailed description for the item. This is internal only. (Fig. D)
Items
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 85/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Data >
SubText Doesn’t do anything.
Items
Data >
LeftIcon Doesn’t do anything.
Items
Data > Might do something if I could, you know, know what it’s looking
Command
Items for here. What a crap shoot!
Data > Set the flag indicating the list item is selected. It shows it in App
Selected
Items Studio as selected, but it doesn’t work in the actual application.
Data > Check Mark Hides the checkmark for the item, but still allows for selection.
Items Hidden Nothing like confusing your users! (Fig. E)
Indicates if the list item is disabled. There’s no visual to actually
Data >
Toggle Disabled SHOW that it’s disabled, though. Again–nothing like confusing your
Items
users!
This one is neat. /s Sets a flag indicating that the item is
Data >
Required required. Yes–it does indicate that. It also doesn’t allow you to click
Items
the item nor does it automatically add it to the binding… (Fig. F)
Data > Set the flag indicating the list item has a bookmark. Doesn’t do
Bookmark
Items anything.
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Right. (Fig. G)
Layout Width Sets the specific width (pixels) for the control. Doesn’t work.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
This determines whether the user can select single or multiple
Advanced Selection Mode values at once. This defaults to multi-selection mode. Valid options
include: single and multi. (Fig. H)
Target Label
Advanced Set the label text for the target list. Doesn’t do anything.
Text
Set the display mode such as single, dual, or panel. Doesn’t do
Advanced Mode Types
anything.
:mag_right Set the UI mode such as select, single-select, or switch.
Advanced Ui Mode
Doesn’t do anything.
Advanced Position Mode Set the position mode (left or right). Doesn’t do anything.
Advanced Reorder Set the reorder mode (All or selected). Doesn’t do anything.
Sets the label text for the list. Only used on Panel Mode and
Advanced Header
thus–doesn’t do anything.
Set the limit of the items to be displayed. Only used on Panel
Advanced Limit
Mode and thus–doesn’t do anything.
Advanced Rows Sets the number of items to be displayed. (Fig. I)
Sets the flag indicating if the Sort button should be shown.
Advanced Manual Sort
Doesn’t work.
Sets the flag indicating if the Edit button should be presented.
Advanced Show Edit
Panel mode only. Doesn’t work for this control.
Set the flag indicating if editing of list items is allowed. Panel
Skip to main content Advanced Enable Edit
mode only. Doesn’t work for this control.

https://www.epiusers.help/t/kinetic-control-compendium/105887 86/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Enable Header Sets the flag indicating if the edit button should be presented at
Advanced
Edit the top of the list. Panel mode only. Doesn’t work for this control.
Specify the type of selected value. If set to true, the selected
Advanced Value Primitive value has to be of a primitive value. Not sure what this is supposed
to do. Doesn’t seem to change anything.
Set the flag indicating if the multi-select value for binding is
Advanced Delimited
delimited. It’s delimited regardless of this checkbox.
Set the delimiter character used for the binding. Valid options
Advanced Delimiter
include: Nothing, “~”, “,”, or “`”. (Fig. J)

Figure A: Label Text

Figure B: Comments

Figure C: Id and Text

Figure D: Description

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 87/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure E: Checkmark Hidden

Figure F: Required

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 88/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure G: Alignment

Figure H: Selection Mode


Multi

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 89/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Single

Figure I: Rows

Figure J: Delimiter

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 90/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Multi-Level Menu
Functionality be like…

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Multiview Calendar
The Multi-View calendar is an Angular form control that represents a graphical Gregorian calendar
with multiple horizontal views. It supports the selection of and navigation between dates as well as
data templates and ranges for scheduling appointments.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create
Behavior On Create
is triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field
Data Key Field is enabled if there is no current record, allowing the user to
select an existing record or create a new one.
Data EpBinding Bind the button to a DataView.Column.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 91/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Range Start Set the data binding to hold the start date of the selected range.
Data
EpBinding Only used if the “Range Selection” property is enabled. (Fig. C)
Range End Set the data binding to hold the end date of the selected range.
Data
EpBinding Only used if the “Range Selection” property is enabled. (Fig. C)
Data > Sets or gets the selection range property of the calendar and
Selection defines the selection range of the component. This really only
Range works if the Range EpBindings are null.
Data >
Range Start
Selection The default start date for the range.
Date
Range
Data >
Selection Range End Date The default end date for the range.
Range
Set the alignment for the control. Valid options are Left,
Layout Alignment Center, Right. Kinda wonky depending on where it’s placed…
(Fig. D)
Layout Width Sets the specific width (pixels) for the control. (Fig. E)
Months
Layout Show the number of months. By default this is 2. (Fig. F)
Displayed
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Set to enable a range selection. Otherwise, this will be single
Advanced Range Selection
select.
Supposed to enforce some min/max validators, but those do
Advanced Range Validation
not exist on this control, so this does not work.
Advanced Week Number Set to display the week number column. (Fig. G)

Figure A: Label Text

Figure B: Comments

Figure C: Range EpBindings

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 92/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Alignment

Figure E: Width

Figure F: Months Displayed

Figure G: Week Number

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 93/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Nav Link
Navigation link uses anchor tags to display links.

Property
Property Description
Group
Basic Id Unique identifier for the control
Basic Name Set the text to be displayed on the anchor tag. (Fig. A)
Basic Text Set the text for the anchor tag. (Fig. B)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. C)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the button to a DataView.Column. This doesn’t seem to
Data EpBinding
control anything.
Data Page Specifies the page to open within the application. (Fig. D)
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Right. (Fig. E).
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
Set a URL to redirect to when clicking the anchor tag. If you have the
Advanced Href page specified as well, it will briefly navigate to that page, then
redirect to the Url. (Fig. F)
Specifies the icon next to the anchor tag. Format: mdi icon-name.
Advanced Icon Example: mdi mdi-triforce. Icons found here: Material Design Icons
(pictogrammers.github.io) (Fig. G)
Specifies how the href link will open. Valid options include: _blank
Advanced Target (opens in new tab), _parent (deprecated in HTML5), _self (opens in
current tab), _top (deprecated in HTML5).
Specifies the relationship between the current document and the link.
Advanced Relationship Examples: HTML attribute: rel - HTML: HyperText Markup
Language | MDN
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 94/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Advanced Title Specifies the tool tip for the link. (Fig. H)

Figure A: Name

Figure B: Text

Figure C: Comments

Figure D: Page

Figure E: Alignment

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 95/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure F: Href

Figure G: Icon

Figure H: Title

Word of caution: don’t click this. After clicking it, it would not let me return to the properties window
Skip to main content for any control until I fully closed App Studio and went back in.

https://www.epiusers.help/t/kinetic-control-compendium/105887 96/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Numeric Box
Meant for numeric entry, numbers/decimals/currencies etc. Provides validations and checks.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
When the search checkbox is enabled, click this to create an
event to control the search. This normally predefines everything,
Behavior On Search Click
but this one gives you a nice, “undefined_onClick” event. How
neat.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the button to a DataView.Column.
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Right. (Fig. C)
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
Skip to main content
State Hidden Hides the control from view.

https://www.epiusers.help/t/kinetic-control-compendium/105887 97/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Minimum value for the control. If the user tries to enter a value less
than the min, it will auto correct to a value above. For instance, if I
Advanced Min
set a min value of 100 and I enter 1 into the control, it will add two
zeroes to be 100.
Maximum value for the control. If the user tries to enter a value
greater than the max, it will auto correct to a value below. For
Advanced Max
instance, if I set a max value of 1000 and I enter 9999 into the
control, it will correct to 1000.
Specify the increment/decrement value. Used in conjunction with
Advanced Step
the spinners property. (Fig. E)
Advanced >
Style Doesn’t work.
Format
Advanced >
Currency Doesn’t work.
Format
Advanced >
Currency Display Doesn’t work.
Format
Advanced > Minimum Integer
Doesn’t work.
Format Digits
Advanced > Minimum
Doesn’t work.
Format Fraction Digits
Advanced > Maximum
Doesn’t work.
Format Fraction Digits
Advanced >
Use Grouping Doesn’t work.
Format
Advanced Spinners Enable increment/decrement spinners on the control. (Fig. E)
Advanced Auto Correct Auto correct… to what??? 42?
Disable Change
Advanced Lol, scroll didn’t work in the first place.
Value On Scroll
Works to an extent… It will allow you to use masks to define
leading zeros, number of decimals, etc., but you cannot change
Advanced Mask the separator format (like change the comma to a decimal). And if
you make a decimal masked like an integer, you get a fun, giant
tilde for the precise value! (Fig. F)
LabelText Set the label text for the search description field. Requires “Enable
Advanced
SearchDesc Search” to be enabled. (Fig. G)
Set the data binding to store the description value from the search.
Ep Binding
Advanced Format: DataView.Column. Example: ABCCode.String1_c.
SearchDesc
Requires “Enable Search” to be enabled.
Advanced Nullable Allows the value to be null. (Fig. H)
Advanced Enable Search Shows the search button. (Fig. I)

Figure A: Label Text

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 98/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure B: Comments

Figure C: Alignment

Figure D: Width
Am I triggering anyone’s OCD with this one?

Figure E: Step and Spinner

Figure F: Mask

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 99/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure G: Seach Label Text

Figure H: Nullable
Disabled

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 100/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Enabled

Figure I: Enable Search

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Output Print Format

But for real… can’t figure out the secret sauce to this one either.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 101/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Wubba lubba dub dub!

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

PDF Viewer
A component which can show a PDF file inline in the application.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. Doesn’t Show up anywhere.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the form data to a DataView. This view will automatically be
Data EpBinding populated if the imported PDF form has form fields included in it.
Format: DataView. (Fig. B)
Tool tip says “Actual selected page”. Typing in a numeric value
Data Selected Page
does nothing.
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment Right. Doesn’t work. I mean, it does something, but Right and
Center throw the whole thing off of the screen.
Layout Width Sets the specific width (pixels) for the control. Doesn’t work.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Advanced Show in Toolbar Disable to hide the entire toolbar. (Fig. C)
Show Open File
Advanced Disable to hide the Open File Button. (Fig. C)
Button
Show Zoom
Advanced Disable to hide the Zoom Buttons. (Fig. C)
Buttons
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 102/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
So, this worked for me initially to where single would show one
Advanced Page View Mode page at a time and multiple would allow you to scroll down through
them all, buuuut it stopped working.
Show Paging
Advanced Disable to hide the Paging Buttons (Fig. C)
Buttons
Show Sidebar
Advanced Disable to hide the Show Sidebar Button. (Fig. C)
Button

Figure A: Comments

Figure B: EpBinding

Here’s it in action from an old post: PDF Viewer Widget - #15 by hmwillett

Figure C: Show Buttons

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS Aug '2023

Wow! You just rolled a nat 20!!

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 103/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Gettin’ natty up in here.

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS Aug '2023

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 104/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

klincecum Kevin Lincecum Refuse Pyromaniac SaaS Aug '2023

This is the type of documentation and user annotations I’ve been looking for.

ADVERTISEMENT

josecgomez EpiUsers Co-Founder / Engineer 2023.1.9 Aug '2023

I’mma send them a bill for all of @hmwillett 's hours she’s spent on this. The upside is

a) now we have it
b) She has become an expert so our jobs are easier
c) winning!

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

josecgomez:

Skip to main content I’mma send them a bill for all of @hmwillett 's hours she’s spent on this.

https://www.epiusers.help/t/kinetic-control-compendium/105887 105/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS Aug '2023

Put it in the mail with Steve!!

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

PE Log Viewer
Tree view component to display Posting Engine logs in a hierarchical structure.

Property
Property Description
Group

Basic Id Unique identifier for the control


Sets the label within the control. But does it, though? Narrator: It
Basic Label Text
does not.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.

Skip to main content Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)

https://www.epiusers.help/t/kinetic-control-compendium/105887 106/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the button to a DataView.Column.This should be from a
dataview that holds PE Log info and needs to be bound to the
Data EpBinding GPostingUID column. Example: PELog.GPostingUID. You will need
to create an event that sports a REST widget to populate the data in
said DataView. (Fig. B)
Data Svc Enter Erp.BO.PELogViewerSvc. Do it.
GetNode
Data Enter GetNodeById. Do it.
SvcPath
FindNode
Data Enter FindNode. Do it.
SvcPath
Set the alignment for the control. Valid options are Left, Center,
Layout Alignment
Right. (Fig. C)
Layout Width Sets the specific width (pixels) for the control. Doesn’t Work.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
Advanced Enable Search Enables the search bar on the PE Log Viewer. (Fig. D)

Figure A: Comments

Figure B: EpBinding

Figure C: Alignment

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 107/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Enable Search

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Panel Card
Expandable container that groups related content.

Property
Property Description
Group

Basic Id Unique identifier for the control


Sets the Title of the grid found on the Panel Header.
Basic Title
(Fig. A)
Hook into an event which occurs when the panel
Behavior On Panel Card Expand
card is opened. (Fig. B)
Hook into an event which occurs when the panel
Behavior On Panel Card Collapse
card is closed. (Fig. B)
Add some developer notes to the control. These are
Comments Comments not customer-facing and are only visible in App
Studio (Fig. C)
Data Key Field Indicates that a bound component is a key field. If
true, the field is enabled if there is no current record,
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 108/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
allowing the user to select an existing record or
create a new one. Not relevant to this control.
Bind the control to a DataView.Column. I’ve never
Data EpBinding used this binding field. I don’t believe this is relevant
to this control.
Sets the minimum width the panel can shrink to
Layout Minimum Width
when the page is in Flex Layout Mode. (Fig. D)
To create custom, responsive control layouts instead
of column-based layouts, set the card to Flex Layout
Data Flex Layout
Mode and use Group Box and Flex Container
controls within the card to organize content.
If true, a user can personalize this
State Personalizable
component(hide/show)
If true, a user can customize this component in child
State Customizable
layers
State Hidden Hides the control from view.
Indicate if the action button should be displayed at
Advanced Enable Action Menu
the top of the panel card. (Fig. E)
Indicate if panel card should automatically fill its
Advanced Auto Fill Container
container. (Fig. F)
Enable this to expand the panel card at runtime.
When the panel is expanded, it attempts to load data
Advanced Expand At Runtime from the provider model. In the case of a dashboard,
you may want to disable this to allow users time to
fill in the filters.
Indicate if the full screen button should be displayed
Advanced Enable Fullscreen on the panel card. This gives you an extra, hideable
container for goodies. (Fig. G)
Advanced >
ID The ID of the toolbar button.
Action Data
Advanced > The description of the toolbar button. This shows up
Description
Action Data as the label. (Fig. H)
Sets the icon next to the description. Format: mdi
Advanced > mdi-icon-name Icon names can be found here:
Icon
Action Data Material Design Icons (pictogrammers.github.io )
(Fig. I)
Set the url that points to the image that is to be
Advanced >
Image Url displayed on the action item. Couldn’t figure this one
Action Data
out.
Set the data binding for the action item. This is used
Advanced >
Ep Binding for onClick events and others as well as rules.
Action Data
Format: DataView.Column.
Advanced > Set the keyboard shortcut to fire the onClick event.
ShortCut
Action Data Example: CTRL+ALT+A
Indicate if the item should be shown in the toolbar
Advanced >
Add to Primary ToolBar next to the overflow menu on the panel card header.
Action Data
(Fig. J)
Disables the tool. This still seems to show the
Advanced >
Disabled click animation, but the event doesn’t fire.
Action Data
#SuperGoodEnough? (Fig. K)
Advanced >
Add Divider Adds a divider below the menu item. (Fig. L)
Skip to main content Action Data

https://www.epiusers.help/t/kinetic-control-compendium/105887 109/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Advanced > Set the numeric sequence of this item in relation to
Sequence
Action Data the other items. (Fig. M)
Set the system defined type for this action item. If
Advanced > this value is set, all properties of the item will be
System Tool Type
Action Data overridden with the system defined properties.
Doesn’t do anything when set. #Shrug
Advanced > I’m not really sure what this is for. I guess you can
Provider set it to populate a dataview on expand and then
Model populate any fields on the screen with that data?
Advanced > Set the description for this provider model. Used
Provider providerModel.description as a comment to describe the view options (which
Model don’t exist!) for this provider model.
Advanced >
Identify the REST service that provides the data.
Provider providerModel.svc
Example: Erp.BO.PartSvc (Fig. N)
Model
Advanced >
Identify the REST method that is to be called to get
Provider providerModel.svcPath
the data. Example: GetList (Fig. N)
Model
Advanced >
Set the name of the table that holds the row(s) of
Provider providerModel.tableName
data when the REST call returns. (Fig. N)
Model
Advanced >
Set the name of the view that is to be provided with
Provider providerModel.EpBinding
the data from the server call. (Fig. N)
Model
Advanced > Set the parameter name that holds the row(s) of
Provider providerModel.outParamName data when the REST call returns. Example:
Model returnObj. (Fig. N)
Set an object composed of key value pairs that
Advanced >
define the REST parameters that are stent into the
Provider providerModel.restParams
service call. Example { "whereClause": "PartNum
Model
= '10008'"} (Fig. N)

Figure A: Label Text

Figure B: Behaviors
Mental Issues.

Figure C: Comments

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 110/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Minimum Width

Figure E: Enable Action Menu

Figure F: Auto Fill Container

Figure G: Enable Full Screen

Skip to main content


Figure H: Description
https://www.epiusers.help/t/kinetic-control-compendium/105887 111/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure I: Icon

Figure J: Add to Primary Toolbar

Figure K: Disable

Figure L: Add Divider

Figure M: Sequence

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 112/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure N: Provider Model


A’ight, so it does execute this at runtime, but only at runtime unlike the other provider models that fire
on panel expand.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 113/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

I’m taking a hiatus from these shenanigans. #VacationTime

ADVERTISEMENT

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Aug '2023

The PanelCard was a big one too. Enjoy luggage surfing!

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

Realistically, this will be me. Flight boards at 6am tomorrow.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 114/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

josecgomez EpiUsers Co-Founder / Engineer 2023.1.9 Aug '2023

hmwillett:

Realistically, this will be me

That’s a good way to get rug burn! Head up! Chica!

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

This ain’t my first rodeo. I’ll be on the moving walkway.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug '2023

You know what? Leave it to Milwaukee to not even have theirs running.
I had to walk like… like some kind of bipedal creature.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Sep '2023

Panel Card Gantt


This one is intense; lots of properties.
I’m gonna save this for last.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 115/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Nope. Not doing this.
It seems highly specific with not a lot of room to add your custom info. Maybe.

Y’all can copy the one from the Resource Scheduling Board if you want it.

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Sep '2023

Panel Card Grid


So far as I can tell, this is the same as the Grid component.

Kinetic Control Compendium

Grid The formation of each driver’s starting position at the beginning of the ra-- …ope, nope.
Not that one. Expandable container that displays a grid and allows interaction with the grid using
additional components in the panel card header. [image] Property Group Property Description
Basic Id Unique identifier for the control Basic Label Text Sets the Title of the grid found on the
Panel Header. (Fig. A) Behavior On Panel Card Expand Hook into an event which o…

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Sep '2023

Part Rev Description


Allows a user to configure Part, Revision, and Description controls in a single, grouped widget.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 116/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Part Sets the label within the control for the Part. (Fig. A)
Basic Label Revision Sets the label within the control for the Rev. (Fig. A)
Label
Basic Sets the label within the control for the Desc. (Fig. A)
Description
Allows you to create an event when the search is clicked. This will
Behavior On Search Click override the base part search wired to this control. You will need to
define the search params and bind the values manually.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the control to a DataView.Column. This will not display any
data in the binding, but can be used to control the… control, lol.
Data EpBinding
For example, you can use the EpBinding for OnClick events or
Row Rules, etc.
EpBinding
Data Binding to store the part number. Format: DataView.Column.
PartNum
EpBinding
Data Binding to store the revision num. Format: DataView.Column.
RevisionNum
EpBinding Binding to store the part description. Format: DataView.Column.
Data
PartDesc Have the parts on my desc by noon.
Data Allow Custom Allows for a custom value to be entered into the Rev.
Layout Alignment Sets the alignment for the control. Does not work.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.

Skip to main content Figure A: Label Texts

https://www.epiusers.help/t/kinetic-control-compendium/105887 117/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure B: Comments

Kinetic - Picture Box

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Sep '2023

Picture Box
Allows a user to display a picture from various sources.

(Yes–the logo is old. Was the first image I found and was too lazy to find another!)

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. Doesn’t do anything.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 118/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Data EpBinding Bind the control to a DataView.Column.
Layout Width Sets the specific width (pixels) for the control. (Fig. B)
Layout Height Sets the specific height (pixels) for the control. (Fig. B)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The control
State Read Only
can still be focused.
Image Fill Sets the type for the img tag to render. Valid options include:
Advanced
Type imageBlob, url, iconClass, fileStore. (Fig. C)
Sets the image style. Valid options include: None*, Circle, and
Rounded Corners. Note, that if you select Circle or Rounded Corners,
Advanced Image Style
there’s no going back to None. You will need to delete the Picture Box
and make a new one. (Fig. D)
Check this to hide the border. This will also make the image fill the
Advanced Hide Border
shape of where the border used to be. (Fig. E)
Image Fill Set the fill type. Zoom will zoom the image to fill all available space.
Advanced
Type Fit shows the whole image and leaves unused space blank. (Fig. F)
Set the source of the image. For imageBlob and fileStore, these will
be bindings such as Image.ImageContent and
Image.ImageSysRowID respectively. Url will hold, well, a URL. The
classIcon type will be in the format of “mdi mdi-name” Example: mdi
Advanced Image
mdi-shark-off. Please put your phone in shark mode while on the
boat. Thank you. Whatever data ends up here is what will show up in
the binding. Alternatively, you can leave this blank and push the data
into whatever the control is bound to.

Figure A: Comments

Figure B: Dimensions

Figure C: Image Fill Type

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 119/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Image Style

Figure E: Hide Border

Figure F: Image Fill Type

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 120/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Quantity UOM
This control is a combination of a numeric box and combo combined into one control.

Property
Property Description
Group
Basic Id Unique identifier for the control
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create
Behavior On Create
is triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field
Data Key Field is enabled if there is no current record, allowing the user to
select an existing record or create a new one.
Data EpBinding Bind the control to a DataView.Column.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 121/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Data > Quantity
Qty Label Text Sets the label for the quantity portion of the control. (Fig. B)
Model > Basic
Data > Quantity Sets the data binding for the quantity potion of the control.
Qty EpBinding
Model > Data Format is DataView.Column.
Data > Quantity
These are reviewed in the advanced section of the numeric
Model > All Properties
control
Advanced
Data > Combo Combo Label
Sets the label of the combo portion of the control. (Fig C.)
Model > Basic Text
Data > Combo EpBinding Text Defines the column to get the label text value from, at least
Model > Data Column it’s supposed to. Narrator: It does not.
Data > Combo Combo Sets the data binding for the combo potion of the control.
Model > Data EpBinding Format is DataView.Column.
Data > Combo Nothing needs to be set here. It pulls in the UOMs by default by
Model > using some unknown magic; it has some preset filters, but no
All Properties
Reusable known datasource. #Shrug If you care to override it, review
Combo the Reuseable Combo section of the Combo control here.
Nothing needs to be set here. It pulls in the UOMs by default by
Data > Combo
using some unknown magic; it has some preset filters, but no
Model > All Properties
known datasource. #Shrug If you care to override it, review
Advanced
the Reuseable Combo section of the Combo control here.
Layout Alignment Sets the alignment of the control. Does not seem to work.
State Personalizable If true, a user can personalize this component(hide/show)
— — —
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.

Figure A: Comments

Figure B: Qty Label Text

Figure C: Combo Label Text

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 122/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Radio Button
Allows a user to choose only one of a predefined set of mutually exclusive options.

Property
Property Description
Group

Basic Id Unique identifier for the control


Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the control to a DataView.Column.
Layout Width Sets the specific width (pixels) for the control. (Fig. B)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Highlight
State Emboldens the label of the selected item. (Fig. C)
Selected
Defines what data object to use for the value. Options include value
Advanced Value Field
Skip to main content and label

https://www.epiusers.help/t/kinetic-control-compendium/105887 123/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Defines what data object to use for the label. Options include value
Advanced Label Field
and label
Advanced Vertical Align Sets the radio buttons vertically. (Fig. D)
Advanced >
Label Set the label text for the radio option. (Fig. E)
Data
Advanced >
Value Set the value for the radio option. (Fig. F)
Data

Figure A: Comments

Figure B: Width

Figure C: Highlight Selected

Figure D: Vertical Align

Figure E: Label

Figure F: Value

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 124/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Panel Card Stack


Expandable container that can hold multiple panels in a tabular fashion.

Property
Property Description
Group

Basic Id Unique identifier for the control


Set the title that is displayed at the top of the panel card. Doesn’t
Basic Title
work.
Basic > Select the panels to include in your stack. You can also reorder them
Panels here. (Fig. A)
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the control to a DataView.Column. This will not display any
Data EpBinding data in the binding, but can be used to control the… control, lol. For
example, you can use the EpBinding for OnClick events or Row
Sets the minimum width the panel can shrink to when the page is in
Layout Minimum Width
Flex Layout Mode. (Fig. C)
To create custom, responsive control layouts instead of column-
Data Flex Layout based layouts, set the card to Flex Layout Mode and use Group Box
and Flex Container controls within the card to organize content.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
Auto Fill Indicate if panel card should automatically fill its container.
Advanced
Container Doesn’t seem to have an effect on this control.
Enable this to expand the panel card at runtime. When the panel is
Expand At expanded, it attempts to load data from the provider model. In the
Advanced
Runtime case of a dashboard, you may want to disable this to allow users
Skip to main content
time to fill in the filters.

https://www.epiusers.help/t/kinetic-control-compendium/105887 125/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure A: Panels

Figure B: Comments

Figure C: Minimum Width


Don’t y’all just loooove how uneven this looks. I know I do!

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Relationship Map
A component to define a relationship map.

Property
Property Description
Group

Basic Id Unique identifier for the control


Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)

Skip to main content Data Key Field Indicates that a bound component is a key field. If true, the field is
enabled if there is no current record, allowing the user to select an
https://www.epiusers.help/t/kinetic-control-compendium/105887 126/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
existing record or create a new one.
Data EpBinding Bind the control to a DataView.Column.
Sets the alignment for the control. Valid options include Right, Left,
Layout Alignment
Center. (Fig. B)
Layout Width Sets the specific width (pixels) for the control. Doesn’t work.
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Advanced Header Text Sets the header text on the panel. (Fig. C)
The service to fetch the diagram data. Example:
Advanced Svc
Erp.BO.SalesOrderSvc
The service path to get the diagram data. Example:
Advanced Svc Path GetSalesOrderRelationshipMap Note: I don’t have a list of
services that have a relationship map call.
Arguments to be provided to the service, one of which includes the
Input
Advanced key field. Outside of the two shown, I’m not sure what else can be
Arguments
provided here. (Fig. D)
Advanced Cap Width No idea what this should do.

Figure A: Comments

Figure B: Alignment

Figure C: Header Text


Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 127/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Input Arguments

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

Is this what the new Explorers use?

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Just Dora.

ADVERTISEMENT

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 128/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Rich Text Editor


Allows a user to enter text and images which could be formatted according to their preferences…
Unless that preference is the color red… or purple. Plenty of choices for blue, though!

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. Doesn’t do anything.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the control to a DataView.Column. Turns out you can get red
Data EpBinding text here, or any color, but it’s stuuuuupid; you just need to change
the hex value. (Fig. B)
Layout Alignment Sets the alignment of the control. (Fig. C)
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
Layout Height Sets the specific height (pixels) for the control. (Fig. D)
State Personalizable If true, a user can personalize this component(hide/show)
Skip to main content
State Customizable If true, a user can customize this component in child layers

https://www.epiusers.help/t/kinetic-control-compendium/105887 129/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Advanced Show All Tools Toggle to show or hide advanced tools for the control. (Fig. E)

Figure A: Comments

Figure B: EpBinding

Figure C: Alignment

Figure D: Width and Height

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 130/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure E: Show All Tools

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Row Navigator
Row Navigator scrubs among the records in a DataView that might be linked to an EpBinding
component on the target page/panel to display the current record details or to a grid.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the control to a DataView. This won’t show data, but is the
Data EpBinding
source for the nav combo.
Skip to main content
Layout Alignment Marginally sets the alignment for the control. (Fig. C)

https://www.epiusers.help/t/kinetic-control-compendium/105887 131/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
CombBox
Advanced The label shown in the combo box portion of the control. (Fig. D)
Label
Show Count
Advanced Shows the a count of the records within the view. (Fig. E)
Text
The columns to show in the combo. Supposedly, this is
Advanced Columns supposed to work with multiple columns, but I can only get it to
show data from the first one. (Fig. F)

Figure A: Label Text

Figure B: Comments

Figure C: Alignment

Figure D: ComboBox Label

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 132/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure E: Show Count Text

Figure F: Columns

ADVERTISEMENT

rad.russ15 Russell Anderson SaaS - so latest version Oct '2023

Anyone figured out a way to expand the width of this control? It cuts off our part numbers and
descriptions.

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS Oct '2023

Is there an ability to do one to many? I’m thinking of a Lot that gets issued to multiple Jobs.

Skip to main content


hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

https://www.epiusers.help/t/kinetic-control-compendium/105887 133/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

jkane:

Is there an ability to do one to many?

It visualizes whatever the dataset is that comes back from the BO, but yes–I’ve seen it visualize 3
invoices to 1 order for instance. That’s automatic, though you should probably increase the
maxNumOfCards to suit your needs.

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

rad.russ15:

Anyone figured out a way to expand the width of this control?

Create an event that’s triggered off of the OnCreate behavior and set the width property with a
property-set widget.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 134/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Scheduler
The scheduler component provides options for scheduling and displaying events in different views for
a user. See the appendix for some necessary events to make this work.

I forgot to click the different views at the top and was too lazy to re-record it.
You get what you get!

Property
Property Description
Group

Basic Id Unique identifier for the control


Click this to create an OnBlur event for the control. On
Behavior On Blur
Blur is triggered when the control loses focus.
Click this to create an OnCreate event for the control On
Behavior On Create Create is triggered when the control is painted to the
GUI.
Add some developer notes to the control. These are not
Comments Comments customer-facing and are only visible in App Studio (Fig.
A)
Indicates that a bound component is a key field. If true,
the field is enabled if there is no current record, allowing
Data Key Field
the user to select an existing record or create a new one.
Not really relevant for this control.
Bind the control to a DataView. This is the DataView it
Data EpBinding
will look to when specifying the upcoming columns.
Data > This is the unique identifier for the event. Generating a
Column Event Id Column GUID would be ideal for this. I used the current dateTime
Bindings because that’s what Epicor did. (Fig. B)
Data >
Column Event Start Date Column The column that holds the start date (and time!) (Fig. B)
Bindings
Data >
Column Event End Date Column The column that holds the end date (and time!) (Fig. B)
Bindings
Data >
The column that holds the title label for the event. (Fig.
Column Event Title Column
B)
Bindings
Data >
Column Event Description Column The column that holds the description. (Fig. B)
Bindings
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 135/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Data >
The column that holds a boolean for if it’s an all day
Column All Day Event Column
event or not. (Fig. B)
Bindings
Select this to enable
editing of events once
Data > created, including
Editable additional options for
reoccurring and whatnot.
(Fig. C)
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
If true, a user can personalize this
State Personalizable
component(hide/show)
If true, a user can customize this component in child
State Customizable
layers
State Hidden Hides the control from view.
Disables the control. The control will not allow editing or
State Disabled
focus.
Makes the control read only so that it will not allow
State Read Only
editing. The control can still be focused.
Removes the option to select this view from the top of
Advanced Disable Day View
the scheduler. (Fig. E)
Removes the option to select this view from the top of
Advanced Disable MultiDay View
the scheduler. (Fig. E)
Removes the option to select this view from the top of
Advanced Disable Week View
the scheduler. (Fig. E)
Removes the option to select this view from the top of
Advanced Disable Work Week View
the scheduler. (Fig. E)
Removes the option to select this view from the top of
Advanced Disable Month View
the scheduler. (Fig. E)
Removes the option to select this view from the top of
Advanced Disable Timeline View
the scheduler. (Fig. E)
Disable Timeline Week Removes the option to select this view from the top of
Advanced
View the scheduler. (Fig. E)
Removes the option to select this view from the top of
Advanced Disable Agenda View
the scheduler. (Fig. E)
If set to true, the view will be initially shown in the
business hours mode. By default, the view is displayed in
the full-day mode. Applicable for the Day, Week, and
Advanced Show Work Hours
Timeline Views. When Enabled, it also displays two, new
properties called Work Start Time and Work End Time to
define the working hours. (Fig. F)
Shows a button that enables a user to export the view
Advanced Enable Export to PDF
currently displayed to a PDF (Fig. G)
Advanced Number of Days Number of days to show in the MultiDay view. (Fig. H)
EpBinding to define the start time for the work day (it’s a
Advanced Work Start Time
string… ) Format: DataView.Column (Fig. I)
EpBinding to define the end time for the work day (it’s a
Advanced Work End Time
string… ) Format: DataView.Column (Fig. I)
EpBinding for the selected date. Format:
Advanced Selected Date
DataView.Column. (Fig. J)

Skip to main content Advanced Number of hours to be Specifies the number of hours that the view will render.
displayed Applicable for the Day, MultiDay, WorkWeek, and Week

https://www.epiusers.help/t/kinetic-control-compendium/105887 136/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Views. (Fig. K)

Figure A: Comments

Figure B: Column Bindings


Remember, these come from whatever DataView you specified in the Data > EpBinding

Figure C: Editable
Probably should add some condition to the double click event, but I’m too lazy. I’m sure y’all can
figure that but out.

Figure D: Width

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 137/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure E: Disable Views

Figure E: Show Work Hours

Figure G: Enable Export PDF


Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 138/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure H: Number of Days

Figure I: Work Start and End Times

Figure J: Selected Date

Figure K: Number of hours to be displayed

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 139/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Appendix

DataViews
Create a dataview to hold the column bindings and to bind your grid to.

Slider
Create a slider or some other method for data input. All fields in the slider are bound to the
“TransView” variation of the previous dataview. For instance, cdv_Calander.StartDate =
TransView.StartDate on the slider. Don’t bind them to the cdv_Calander or it will create records upon
opening.

Don’t forget to add some buttons. (Delete is unnecessary if you make the Scheduler editable)

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 140/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Events
ce_calendar_onDoubleClick
Double click event to add a new item to the calendar. This initializes the TransView fields and then
opens the slider.

I had to do some JS magic to get the fields to do what I wanted.


Here are each of the row-update items:

EpBinding: TransView.StartDate
Expression: new Date(new Date("%startDateTime%").setHours(0,0,0,0))
Notes: %startDateTime% is a built-in variable that will get the start date and time from the scheduler
when you double click. For instance, if you click 10/14/2023 @ 1:00AM, the variable will yield 2023-
10-14T01:00:00Z (24 hour time). The setHours(0,0,0,0) is to zero out the time and only provide
the date since I’m setting the time in a different control.

EpBinding: TransView.StartTime
Expression: (new Date("%startDateTime%").getHours() * 3600) + (new
Date("%startDateTime%").getMinutes() * 60) + (new
Date("%startDateTime%").getSeconds())
Notes: This is converting the hours, minutes, and seconds into a seconds from midnight value.

EpBinding: TransView.EndDate
Expression: new Date(new Date("%endDateTime%").setHours(0,0,0,0))
Notes: %endDateTime% is a built-in variable that will get the end date and time in 30 minute
increments from the scheduler when you double click. For instance, if you click 10/14/2023 @
1:00AM, the variable will yield 2023-10-14T01:30:00Z (24 hour time). The setHours(0,0,0,0) is
to zero out the time and only provide the date since I’m setting the time in a different control.

EpBinding: TransView.EndTime
Expression: (new Date("%endDateTime%").getHours() * 3600) + (new
Skip to main content Date("%endDateTime%").getMinutes() * 60) + (new

https://www.epiusers.help/t/kinetic-control-compendium/105887 141/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Date("%endDateTime%").getSeconds())
Notes: This is converting the hours, minutes, and seconds into a seconds from midnight value.

EpBinding: TransView.AllDay
Value: false

EpBinding: TransView.Description
Value: ""

EpBinding: TransView.ExceptionLabel
Value: "Say Words"

EpBinding: TransView.StartDateTime
Value: "%startDateTime%"
Notes: This is my unique ID for column binding. Again, might be better to use a GUID, but I just
followed what Epicor did and it seems to work fine.

ce_SliderOK
This event adds the new records to the dataview and subsequently adds the visual to the calendar.

Again, some more JS magic for the row-update.

EpBinding: TransView.StartDate
Expression: new Date((new Date("{TransView.StartDate}")).setSeconds((new Date("
{TransView.StartDate}")).getSeconds() + {TransView.StartTime}));
Notes: This is adding the seconds from the time control to the date control.

EpBinding: TransView.EndDate
Expression: new Date((new Date("{TransView.EndDate}")).setSeconds((new Date("
{TransView.EndDate}")).getSeconds() + {TransView.EndTime}));
Notes: This is adding the seconds from the time control to the date control.

row-add
DataView: cdv_Calander (or whatever yours is called)
Values:

{
"ExceptionLabel": "{TransView.ExceptionLabel}",
"ModifiedDay": "{TransView.StartDateTime}",
"AllDay": "{TransView.AllDay}",
"Description": "{TransView.Description}",
"StartDate": "{TransView.StartDate}",
"EndDate": "{TransView.EndDate}"
}

ce_SliderCancel
Just closes the slider without modifying data.

ce_SliderDelete
Again, this is unnecessary with the editable button, but here it is for demonstration purposes.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 142/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Search Chip Selector


Allows a user to search and display selected items as chips.

Property
Property Description
Group

Basic Id Unique identifier for the control


Set the title that is displayed at the top of the panel card.
Basic Title
??? Panel card? This doesn’t work.
Click this to create an OnSearchClick event for the control.
You will need to wire the search up yourself and use a
Behavior On Search Click
dataview-condition (or function) in the event to concat each
value selected.
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On
Behavior On Create
Create is triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the
Data Key Field field is enabled if there is no current record, allowing the user
to select an existing record or create a new one.
Bind the control to a DataView.Column. The value of this
Data EpBinding binding needs to be a tilde delimited string.
Item1~Item1~Item3.
Layout Alignment Sets the alignment of the control. (Fig. B)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
Disables the control. The control will not allow editing or
State Disabled
focus.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 143/194
10/15/24, 4:59 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Makes the control read only so that it will not allow editing.
State Read Only
The control can still be focused.
When enabled, the control is automatically focused on
State Auto Focus
creation.
Advanced Plural Label Text Sets the label text when multiple chips are selected.
Advanced Singular Label Text Sets the label text when a single chip is selected.
Set the label text
Advanced when no chip is
selected.
Advanced Error Message Text Sets the chip validation error message.
Set the data binding using format DataView.Column. This will
Advanced >
allow you to display multiple values on the chip. For each
MultiField EpBinding
chip, it will display the first item in binding 1 followed by the
Bindings
first item in binding 2… etc. (Fig. C)
Advanced >
Sets the above epBinding as the chip label. I didn’t notice
MultiField Display Value
this doing anything.
Bindings

Figure A: Comments

Figure B: Alignment

Figure C: MultiField Binding

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 144/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Selection List
Allows a user to select and sort a collection of data items.

This control has a few different flavors to it and can be changed up visually in a number of different
ways.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one. Not relevant to this control.
Bind the control to a DataView.Column. This is used to store the
Data EpBinding
delimited list of items. Can be used to apply row rules to the control.
This can be used to define hard coded items for the list instead of a
Data List
dataview.
Data > List Id Unique ID for the item. (Fig. C)
Data > List Text Set the text value for the item (Fig. C)
Data > List Id Name Obsolete
Skip to main content Data > List Description Set the detailed description for the item (Fig. C)

https://www.epiusers.help/t/kinetic-control-compendium/105887 145/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Data > List SubText Set the sub-text value for the item. Doesn’t seem to do anything.
Data > List LeftIcon Set the icon for the list item. Doesn’t seem to do anything.
Data > List Command Set the command string for the list item. No clue here.
Data > List Selected Set the flag to indicated if the item is selected by default. (Fig. C)
Checkmark Set the flag to indicate if the selected item has a hidden checkmark.
Data > List
Hidden Seems weird, but okay. (Fig. C)
Set the flag to indicate if the item is disabled. This works, as in you
Data > List Toggle Disabled cannot select it, but there’s no visual indicator to indicate that. (Fig.
C)
Data > List Required Set the flag to require this list item. (Fig. C)
Data > List Bookmark Set the flag indicating the list item has a bookmark. #Shrug
Source View Set the view name used to populated the source list. Format:
Dataviews
Name DataView
Set the table name used to populate the source list. Unsure on
Source Table
Dataviews this one. It’s not clear what a table is within the context of App
Name
Studio.
Source Code Column name used to populate the source list item ID. Format:
Dataviews
Col ColumnName
Source Desc Column name used to populate the source list item description.
Dataviews
Col Format: ColumnName
Target View Set the view name used to populated the targetlist. Format:
Dataviews
Name DataView
Set the table name used to populate the target list. Unsure on
Target Table
Dataviews this one. It’s not clear what a table is within the context of App
Name
Studio.
Target Code Column name used to populate the target list item ID. Format:
Dataviews
Col ColumnName
Column name used to populate the target list item description. It
Dataviews Target Desc Col
yells at you in Dev Tools if you populate this. Format: ColumnName
Set the table name used with source AND target codes and
Dataviews Table Name
descriptions
Parent Related Set the name of the column on the parent table. Used when binding
Dataviews
Col to parent/child related tables.
Child Related Set the name of the column on the child table. Used when binding
Dataviews
Col to parent/child related tables.
Set the shared name of the column on both the parent and child
Dataviews Related Col
tables. Used when binding to parent/child related tables.
Layout Alignment Sets the alignment of the control. (Fig. D)
Layout Width Sets the specific width (pixels) for the control. (Fig. E)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Target Label
Advanced Set the label text for the target list. (Fig. F)
Text

Skip to main content Set the display mode. Valid options include: Single and Dual. (Fig.
Advanced Mode Type
G)

https://www.epiusers.help/t/kinetic-control-compendium/105887 146/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Set the selection mode. Valid options include: Select, Switch,
Advanced UI Mode
SingleSelect (Doesn’t really stop you), Checkbox. (Fig. H)
Set the position of the text. Valid Options Include: Left or Right (Fig.
Advanced Position Mode
I)
Advanced Reorder Set the reorder mode. Valid Options Include: Select or All (Fig. J)
Sets the label text for the list. Only used on Panel Mode. Not
Advanced Header
sure what panel mode is, but it ain’t this!
Sets the limit of the items to be displayed. Only used on Panel
Advanced Limit
Mode. Not sure what panel mode is, but it ain’t this!
Sets the number of items to be displayed (can scroll for more).
Advanced Rows
Used in all modes except Panel. (Fig. K)
Sets the flag indicating if a sort button should be shown. Doesn’t
Advanced Manual Sort
do anything. Might be only for “Panel Mode”
Set the flag indicating if an edit button should be shown. Only for
Advanced Show Edit
Panel Mode. WTF IS PANEL MODE??
Set the flag indicating if editing of list items is allowed. Only used
Advanced Enable Edit
on… you guess it… Panel Mode.
Enable Header Sets the flag indicating if the edit button should be presented at
Advanced
Edit the top of the list. OnLy UsEd In PaNeL mOdE.
Specify the type of the selected value. If set to true, the selected
Advanced Value Primitive
value has to be of a primitive value.
Set the flag indicating if the multi-select value for binding is
Advanced Delimited
delimited. This is required for multi select.
Set the delimiter character. Valid options include: ~ , ` (tilde, comma,
Advanced Delimiter
tick).
Advanced EpiLabel Obsolete
Advanced Draggable Obsolete

Figure A: Label Text

Figure B: Comments

Figure C: Items

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 147/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure D: Alignment

Figure E: Width

Figure F: Target Label Text

Figure G: Mode Type


Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 148/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure H: UI Mode

Figure I: Position Mode

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 149/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure J: Reorder

Figure K : Rows

More info on setup from an older post: How To: Kinetic Selectable List
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 150/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

How To: Kinetic Selectable List

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Shape [of you?]


Allows a user to customize a color and shape based on different statuses.

Property
Property Description
Group

Basic Id Unique identifier for the control


Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the control to a DataView.Column. Set this to apply row rules to
Data EpBinding
the shape.
Layout Alignment Sets the alignment of the control. (Fig. B)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
Enabled
Advanced Set the text to show when the shape is enabled.
Caption
Disabled
Advanced Set the text to show when the shape is disabled.
Caption
Set the status to change the color of the shape. Valid options
Advanced Status include: OK, Warning, Stop, Global, and None which are Green,
Yellow, Red, Blue, and None, respectively.

Figure A: Comments
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 151/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure B: Alignment

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Tab
Allows a user to add a tabstrip where multiple tabs can be added.

**Use a Panel Card Stack for this if in 2023.2+ (See clarification below)

Clarification from @bconner :

bconner:

Bonus thing to know about tabstrip is we did not really intend it to be used on the page body it
was for inside-card data organization but we didn’t prohibit the use on the page body therefore
folks are using it in a way that doesn’t work as well as we’d like. Epicor has used it also but will
be replacing it with our intended solution.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 152/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

bconner:

Our intended solution for this is in 2023.2 where you can join cards together into a group in studio
and we strongly recommend using that instead of placing tabstrips on the page body like you are
showing here. This will make more sense in 2024.1 - users will be able to group and ungroup
cards in personalization, but not if you have built a custom tabstrip layout.

See Panel Card Stacks for this.

Property
Property Description
Group

Basic Id Unique identifier for the control


Add some developer notes to the control. These are not customer-facing
Comments Comments
and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one. Not applicable.
Data Data This is where you bind the pages to tabs.
Data > Data Id Unique ID for the tab.
Data > Data Title Title for the tab. (Fig. B)
EpBinding for the tab in the format of DataView.Column. You can use
Data > Data EpBinding this to enact row rules on the tab (like hiding or showing by user or
something).
Data > Data Selected Specifies the tab to be selected by default.
Data > Data Page Dropdown of pages available to bind to the tabs.

Figure A: Comments

Figure B: Title

Skip to main content


ADVERTISEMENT

https://www.epiusers.help/t/kinetic-control-compendium/105887 153/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Tag
Allows users to have different colored labels and checkboxes for different statuses.

Property
Property Description
Group
Basic Id Unique identifier for the control
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the control to a DataView.Column.
Layout Alignment Sets the alignment of the control. (Fig. B)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
Advanced True Caption Set the caption on the shape when the checkbox is true.
Set the shape color when the checkbox is true. Valid options include:
Advanced True Status OK, Warning, Stop, Global, and None for Green, Yellow, Red, Blue,
and None, respectively.
Advanced False Caption Set the caption on the shape when the checkbox is false.
Set the shape color when the checkbox is false. Valid options
Advanced False Status include: OK, Warning, Stop, Global, and None for Green, Yellow,
Red, Blue, and None, respectively.

Figure A: Comments

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 154/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure B: Alignment

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

hmwillett:

Tab
Allows a user to add a tabstrip where multiple tabs can be added.

Skip to main content


hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

https://www.epiusers.help/t/kinetic-control-compendium/105887 155/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Text Area
Based on the rows, columns, and max length properties, users can enter vast numbers of characters.
(Their words, not mine )

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. A)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the control to a DataView.Column.
Layout Alignment Sets the alignment of the control. (Fig. C)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Default Rows to
Advanced Default number of rows to be displayed in the text area. (Fig. D)
Display
Advanced Width Sets the specific width (pixels) for the control. Doesn’t work.
Maximum number of characters allowed in text area. Doesn’t
Advanced Max Length
work.
No Floating
Advanced Hides the floating label. (Fig. E)
Label
Advanced Spell Check Enables Spelling and Grammar checks. (Fig. F)

** Figure A: Label Text**

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 156/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure B: Comments

Figure C: Alignment

Figure D: Default Rows to Display

Figure E: No Floating Label

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 157/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure F: Spell Check

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Textbox
Allows a user to enter or load a text value.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 158/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. Doesn’t do anything. (Fig. A)
On Search
Behavior Click this to create an OnSearchClick event for the control.
Click
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Data EpBinding Bind the control to a DataView.Column.
Ep Binding Binding for the Description element added to display a search with
Data
SearchDesc an additional description element. (Fig. C)
Layout Alignment Sets the alignment of the control. (Fig. D)
Layout Width Sets the specific width (pixels) for the control. (Fig. E)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Maximum number of characters allowed in the text box. Doesn’t
Advanced Max Length
work.
Force input to match this regular expression. Doesn’t work. In
fact, this fails soooo badly because it only allows numeric
characters. What kind of RegEx is THAT going to be? HM? Update:
Advanced Pattern
Okay, it’s trying it’s hardest. Dev Tools shows an error “Qt.test is not
a function”. And because of that lil nugget, it won’t let you commit
your data.
No Floating
Advanced Hide the floating label. (Fig. F)
Label
Allows the browser to predict the value to be typed in the text
Advanced Auto Complete
box. Doesn’t work.
Corrects typos, capitalization errors, and misspelled words, as
Advanced Auto Correct well as automatically inserting symbols and other pieces of text.
Doesn’t work.
Makes text input automatically capitalized as it is entered/edited.
Advanced Auto Capitalize
Doesn’t work.
Advanced Spell Check Enables spell check and grammar. (Fig. G)
Advanced Enable Search Enables the search button. (Fig. H)
Advanced Search Only Disables text entry, but leaves the search button enabled. (Fig. I)
Enables the masking of the text, usually used for password fields.
Advanced Masked
(Fig. J)
LabelText Caption for the description element. Use with epBindingSearchDesc
Advanced
SearchDesc to set a custom label for the description element. (Fig. K)
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 159/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure A: Label Text

Figure B: Comments

Figure C: Ep Binding SearchDesc

Figure D: Alignment

Figure E: Width

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 160/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure F: No Floating Label

Figure G: Spell Check

Figure H: Enable Search

Figure I: Search Only

Figure J: Masked
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 161/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure K: LabelText SearchDesc

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Time Picker
Allows a user to enter or pick a time value.

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.

Skip to main content Click this to create an OnCreate event for the control On
Behavior On Create
Create is triggered when the control is painted to the GUI.

https://www.epiusers.help/t/kinetic-control-compendium/105887 162/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Add some developer notes to the control. These are not
Comments Comments
customer-facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field
Data Key Field is enabled if there is no current record, allowing the user to
select an existing record or create a new one.
Data EpBinding Bind the control to a DataView.Column.
Layout Alignment Sets the alignment of the control. (Fig. C)
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
Specifies the time format such as HH:mm:ss or hh:mm. The
Advanced Format
visual changes in App Studio, but nothing functionally happens.
Advanced Now Button Displays a Now button in the popup. (Fig. E)
Displays a Cancel button in the popup. Or… OR… You could
Advanced Cancel Button
just click out of it? (Fig. F)
Defines the descriptions of the format sections in the input field.
Format
Advanced Valid options include: Short, Narrow, Wide, formatPattern (Fig.
Placeholder
G)
Specifies the hint the TimePicker displays when its value is
Advanced Placeholder
null. But it doesn’t.
Advanced Max Specifies the largest, valid time value. (Fig. H)
Advanced Min Specifies the smallest, valid time value. (Fig. H)
Advanced Popup Settings Configures the popup of the Time Picker
Advanced > Controls the popup animation. By default, the open and close
Animate
Popup Settings animations are disabled. (Fig. I)
Controls the popup container. By default, the popup will be
Advanced >
AppendTo appended to the root component. Couldn’t get this to do
Popup Settings
anything.
Advanced > Specifies a list of CSS classes that are used to style the
Popup Class
Popup Settings popup. Couldn’t get this to do anything.
Advanced Steps Configures the incremental steps of the TimePicker
Advanced >
Hour Controls the hours incremental value. (Fig. J)
Steps
Advanced >
Minutes Controls the Minutes incremental value. (Fig. J)
Steps
Advanced >
Seconds Controls the Seconds incremental value. (Fig. J)
Steps
Determines whether the built-in min or max validators are
Advanced Range Validation enforced when the form is being validated. Couldn’t get this to
do anything.
Sets the read-only state of the TimePicker input field. Note: this
Advanced ReadOnly Input
does not gray out the field.
Override the default display format for the time value using
standard DateTime formats. Examples: hh:mm:ss
Advanced Mask
(01:02:34.75), hh:mm TT (01:02 AM), h:mm:ss TT (1:02 AM)
Skip to main content (Fig. K)

https://www.epiusers.help/t/kinetic-control-compendium/105887 163/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Use 24Hour
Advanced Determines whether to use the 24H clock. (Fig. L)
Clock
Time Stored As Determines whether to store the selected time as datetime or
Advanced
Date Time an integer (seconds from midnight). (Fig. M)
Advanced Is Decimal Determines whether to store the time as a decimal. (Fig. N)
Round To Specifies whether to round off seconds to minutes. Doesn’t
Advanced
Minutes work.
Treat Zero As
Advanced Specifies whether to treat 0 as null or 12:00AM.
Null

Figure A: Label Text

Figure B: Comments

Figure C: Alignment

Figure D: Width

Figure E: Now Button


Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 164/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure F: Cancel Button

Figure G: Format Placeholder

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 165/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure H: Min and Max

Figure I: Animate
Left is unchecked, right is checked.

Figure J: Steps

Figure K: Mask

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 166/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Figure L: 24h Clock

Figure M: Store as DateTime

Figure N: Is Decimal

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 167/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

bconner Brian Conner Epicor Employee Always vNext Oct '2023

Just ran across this thread…

Hannah. Holy moly.

ADVERTISEMENT

bconner Brian Conner Epicor Employee Always vNext Oct '2023

Bonus thing to know about tabstrip is we did not really intend it to be used on the page body it was for
inside-card data organization but we didn’t prohibit the use on the page body therefore folks are using
it in a way that doesn’t work as well as we’d like. Epicor has used it also but will be replacing it with
our intended solution.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 168/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Our intended solution for this is in 2023.2 where you can join cards together into a group in studio
and we strongly recommend using that instead of placing tabstrips on the page body like you are
showing here. This will make more sense in 2024.1 - users will be able to group and ungroup cards in
personalization, but not if you have built a custom tabstrip layout.

josecgomez EpiUsers Co-Founder / Engineer 2023.1.9 Oct '2023

Lmao yeah! Who do we send the bill to @bconner

rad.russ15 Russell Anderson SaaS - so latest version Oct '2023

Thanks! This is a workable solution. Alas, it also scales the rev field larger so it wastes a lot of space
on a field that is typically only a couple characters, but I guess that’s the theme in Kinetic.

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Token Date
Allows a user to select a date value using a calendar or a tokenized date (such as Today, Tomorrow,
Today+1, etc)

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Label Text Sets the label within the control. (Fig. A)
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 169/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. B)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Bind the control to a DataView.Column. This is for the date value
Data EpBinding
when the token is not used.
EpBinding Bind the control to a DataView.Column. This is for the “Dynamic”
Data
ShowToken checkbox that shows true or false towards using the token.
EpBinding Bind the control to a DataView.Column. This stores the token value.
Data
Token Example: &Today+1
Sets the alignment of the control. Doesn’t work without some
effort. In order for this to display anything, you need to set the width
Layout Alignment property which is not inherently available. You will need to do an
OnCreate event and then use the property-set widget for the width.
Then this will show some visible effect. (Fig. C)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
State Hidden Hides the control from view.
State Disabled Disables the control. The control will not allow editing or focus.
Makes the control read only so that it will not allow editing. The
State Read Only
control can still be focused.
State Auto Focus When enabled, the control is automatically focused on creation.
Set the default token value. Example: &Today-1 to set the value to
“Yesterday”. Pro Tip. Bind the EpBinding Show Token to a string
Advanced Token Value
field, then put a textbox bound to the same field to see the different
token values when selected.
Set the flag to determine if the token dropdown should be visible.
Advanced Show Token
(Fig. D)
Min Allowed Set the date’s minimum allowed value. (Fig. E) Note, this does not
Advanced
Date stop a user from setting a token that would go past that date.
Max Allowed Set the date’s maximumallowed value. (Fig. E) Note, this does not
Advanced
Date stop a user from setting a token that would go past that date.

Figure A: Label Text

Figure B: Comments

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 170/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure C: Alignment

Figure D: Show Token

Figure E: Min/Max Allowed Dates

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

hmwillett:

tokenized date (such as Today, Tomorrow, Today+1, etc)


Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 171/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Que up the requests for user-defined tokenized dates…

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Mark_Wonsil:

user-defined tokenized dates

I’m sure this still works.

Attempting to make Dynamic Dates more dynamic

Throw an amp in front of it. and see if that works for you. It doesn’t error out if you do that, but I
have not validated the results. [image] Verified. [image]

ADVERTISEMENT

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

hmwillett:

I’m sure this still works.

Beginning of Fiscal Year?

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Website Widget
Okay, so there are two of these.
One is in Toolbox > Components > WebSite “Widigit” Control (not my spelling, don’t hurt me). We’ll
call this one Web1.
The other is in Toolbox > Widgets > Website Widget. We’ll call this Web2.

Web1 works for displaying and interacting with a website, but does not take parameters in the URL.
Web2 does the same as Web1, but also allows a user to pass in parameters.

The properties are the same, so I will only be going over the Web2 one since it can do more.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 172/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Property
Property Description
Group

Basic Id Unique identifier for the control


Basic Title Set the title of the frame. (Fig. A)
Set the URL. The website must support embedding in an IFrame and
must use HTTPS. Parameterized URLs are supported. Example:
Basic Url
https://www.stephengould.com/?s={ABCCode.String1_c} (Fig.
B)
Click this to create an OnBlur event for the control. On Blur is
Behavior On Blur
triggered when the control loses focus.
Click this to create an OnCreate event for the control On Create is
Behavior On Create
triggered when the control is painted to the GUI.
Add some developer notes to the control. These are not customer-
Comments Comments
facing and are only visible in App Studio (Fig. C)
Indicates that a bound component is a key field. If true, the field is
Data Key Field enabled if there is no current record, allowing the user to select an
existing record or create a new one.
Layout Width Sets the specific width (pixels) for the control. (Fig. D)
Layout Height Sets the specific height (pixels) for the control. (Fig. D)
State Personalizable If true, a user can personalize this component(hide/show)
State Customizable If true, a user can customize this component in child layers
Set the icon that will be displayed in design mode. Format: mdi mdi-
Advanced Icon your-icon A list of icons can be found here: Material Design Icons
(pictogrammers.github.io) (Fig. E)
Enable to pass a Bearer Token in the URL. The embedded website
Advanced Token
can use bearer tokens for ERP Server Authentication. (Fig. F)
Advanced User Context Enable to pass user context in the URL. (Fig. G)

Figure A: Title

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 173/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure B: Url

Figure C: Comments

Figure D: Height and Width

Figure E: Icon

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 174/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Figure F: Token

Figure G: User Context

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Mark_Wonsil:

Beginning of Fiscal Year?

You get this and you will like it.

Create Custom Dynamic Date

They are hard coded into the logic of the binaries. To my knowledge, you cannot add any. These
are the only current date tokens available: &Today &Today+1 &Today-1 &Sun &Mon &Tue &Wed
&Thr &Fri &Sat &Sun+1 &Mon+1 &Tue+1 &Wed+1 &Thr+1 &Fri+1 &Sat+1 &Sun-1 &Mon-1
&Tue-1 &Wed-1 &Thr-1 &Fri-1 &Sat-1 &EndOfMonth &EndOfMonth+1 &EndOfMonth+2
&EndOfMonth+3 &EndOfMonth+4 &EndOfMonth+5 &EndOfMonth+6 &EndOfMonth+7
&EndOfMonth+8 &EndOfMonth+9 &EndOfMonth+10 &EndOfMonth+11 &EndOfMonth+12
&EndOfMonth-1 &En…

ADVERTISEMENT

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 175/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

RvLock
User defined control that shows Review Journal and Lock Status.
Incidentally, this control doesn’t have a delete option. Place at your own risk.

I’m not going to go into the properties of this as they are just textboxes. You can look at the textbox
control for more info.

Note: You can also make your own.


I’ll show that in another post. Eventually. Maybe?

**Edit: Looks like they added a way to do this from the App Studio landing page. The method I used
previously involved creating the JSON for it, putting it on the server, then running Conv 191. Y’all can
probably figure it out from there.

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

hmwillett:

Website Widget

Ooooh, I like the Widget way better than the Widigit.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Mark_Wonsil:

Widigit.

Skip to main content ADVERTISEMENT

https://www.epiusers.help/t/kinetic-control-compendium/105887 176/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Data Discover Widgets


These are wonderfully documented in the help. Go there.

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

hmwillett:

Note: You can also make your own.


I’ll show that in another post. Eventually. Maybe?

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

hmwillett:

#HannahOut

ADVERTISEMENT

Skip to main content


hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

https://www.epiusers.help/t/kinetic-control-compendium/105887 177/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Ah beans.
I forgot the Gantt chart.
Screw you past Hannah.

Nope. Past Hannah made the right move. Not doing it.
You can’t make me.

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

hmwillett:

I forgot the Gantt chart.

I just gantt right now. Maybe after the weekend…

Solution | hmwillettHannah Willett … Kittens and Rainb… Prod: 2023.1 | Test: 20… Oct '2023

'Kay. I’m done.

#HannahOut

ADVERTISEMENT

Skip to main content


Ernie Ernie Lowell Certified Epicor Consultant Current and previous... Oct '2023

https://www.epiusers.help/t/kinetic-control-compendium/105887 178/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Wow. You’re old. How about a Pepsi Free?

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

Ernie Ernie Lowell Certified Epicor Consultant Current and previous... Oct '2023

exactly where I was coming from.

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Oct '2023

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 179/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Oct '2023

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS Oct '2023

bconner:

Our intended solution for this is in 2023.2 where you can join cards together into a group in studio
and we strongly recommend using that instead of placing tabstrips on the page body like you are
showing here. This will make more sense in 2024.1 - users will be able to group and ungroup
cards in personalization, but not if you have built a custom tabstrip layout.

I was one of the selected to see this in development. It is awesome, can’t wait for it.

ADVERTISEMENT

JasonMcD Jason McDermott Regular 2023.2 - Low-coder for life Nov '2023

hmwillett:

Fig Newton: Data

Love all the Easter eggs in there.

I wish I could give this post 1,000 likes.

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS Nov '2023

You can give it 113

JasonMcD Jason McDermott Regular 2023.2 - Low-coder for life Nov '2023

You would know. You’re the first one that came to mind when I said that.

ADVERTISEMENT

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 180/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Mark_Wonsil /team/api - Prod K2021.2 | Test K2024.1 Nov '2023

I would have expected 420 to be the high…

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS Nov '2023

That’s tonight. 116 likes now

JasonMcD Jason McDermott Regular 2023.2 - Low-coder for life Nov '2023

But you can’t like your own. So deduct that from… 117.

ADVERTISEMENT

JasonMcD Jason McDermott Regular 2023.2 - Low-coder for life Dec '2023

This is what you hope for on the internet - just save me the insanity of even trying.

Thank you yet again.

Also, always looking for a reason to bump this back into the collective consciousness.

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 9

What do you know about this control? It’s a user made reusable combo… have you ever done
anything with these @hmwillett ?

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 181/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 182/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Jan 9

Quantity UOM

ADVERTISEMENT

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 9

I would have never found it, where is that naming nomenclature haha

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 183/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 9

never mind @hmwillett I found it I think:

Is this what you are using as the name of each of these posts?

Idk that doesn’t match “Quantity UOM” either.

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 9

@hmwillett the reason I ask is cause on the issue material screen in the IM dataview there are
columns for on hand quantity and on hand UM for the FROM location you are issuing from but they
aren’t bound to anything on the form so users can’t see them.

I’d like to add them and I feel like the optimal control would be the same control they use for this on
the quantity to issue section:

ADVERTISEMENT

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 9

Thank you @hmwillett for guiding me to the control.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Jan 9

Just going off of what Epicor named 'em.

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 184/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Jan 9

utaylor:

I’d like to add them and I feel like the optimal control would be the same control they use for this
on the quantity to issue section:

I wouldn’t say the control is optimal. It’s really just [ever so slightly] aesthetically better since it
combines them into a single control. The setup is really just as much work as using a numeric and
combo control. #Shrug

ADVERTISEMENT

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 10

Well I’m gonna take it from you then, I’ll just do two separate controls. Thanks for your input!

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 10

Are these names you are showing here ever found in the properties section of the control once it’s on
the form???

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Jan 10

…Kiiiind of? Lol

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 185/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

ADVERTISEMENT

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 10

Hahaha that’s why I was so confused as to how I was supposed to know what the control was so I
could look it up by the naming convention you are using throughout this post. And then I wouldn’t
have to take up your time asking you.

I know now you are just using what Epicor gives us… which is… confusing.

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Jan 10

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Jan 10

I honestly didn’t anticipate that direction.


I assumed 99% of folks would be using this post as a reference after having already selected and
placed the control.

Way to be the 1% @utaylor !

I’ll update it at some point to include those references in the index.

ADVERTISEMENT

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 186/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 10

I see! Well don’t do all that haha, I’ll just figure it out, no worries!

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Jan 10

utaylor:

Well don’t do all that

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Jan 10

@utaylor

ADVERTISEMENT

utaylor Utah Taylor Regular 10.2.500.8 and 2023.1.9 Jan 10

Thank you a ton. I did end up using the quantity UOM combo cause it worked okay and wasn’t too
fussy.
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 187/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
I really appreciate your help every time.

HLalumiere Hugo Lalumiere Consultant Kinetic Feb 6

Honestly Hannah, Epicor should pay you for your efforts and integrate all of this into the Application
Studio help, and maintain it for future versions… Heck they should have a dev team dedicated to
sifting through it and removing useless properties that don’t work from Application Studio…

This thread has saved my butt more times than I can count in the last couple of months… It’s real
shameful that Epicor couldn’t provide this documentation from launch.

Amazing job!

dcamlin David Camlin Regular Kinetic Cloud Feb 16

Ever so patiently waiting for your “Kinetic Event Compendium”.

ADVERTISEMENT

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Feb 16

Kinetic Event Emporium

dcamlin David Camlin Regular Kinetic Cloud Feb 16

Touché

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 188/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Feb 16

ADVERTISEMENT

dcamlin David Camlin Regular Kinetic Cloud Mar 8

hmwillett:

Fig Newton: Data

hahaha… like finding an Easer Egg.

Thank @hmwillett for making boring content relatively enjoyable to read!

Chan213419 Jeremy Chance Consultant ALL! Apr 12

I love the KI reference hahahahha!

Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 189/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Apr 12

Gotta keep it fun lest I break down and cry while writing all that up.

ADVERTISEMENT

Matt_Zerfas Aug 22

Awesome and super helpful!

Followup question on the comboboxes, is there a functioning way to display mutliple columns from a
REST call? You mention in Retrieve Columns that it’s broken. Is there a functional way to accomplish
it?

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 Aug 22

I have not played with it since whatever release that one was, but the multi-column combo was
broken.

You can make a Janky “combo” box, lol.

Andrew Andrew Saldivar Saas - Current 28d

Hannah,

I don’t see it documented so I believe it is not possible - Can I specify the number format on a
ComboBox bound to a decimal field?

Issue: We have a User Code containing a string ID of “1.0”. The drop-down value displays that way,
but is stored (in my bound numeric field) as 1, therefore, when the record is retrieved, the value
displays as “1”. Only when the combobox is interacted with do I see the “1.0”.

I know I can specify the display format of a number field/box control, but are you aware of an option
to do this with a ComboBox?

My fall-back is to recreate this functionality using a text field - if I can’t keep the numeric field.

ADVERTISEMENT
Skip to main content

https://www.epiusers.help/t/kinetic-control-compendium/105887 190/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

last visit
hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 27d

No, I don’t believe there’s a way to format the combo box.

Andrew Andrew Saldivar Saas - Current 27d

Thanks. I kinda knew that, but wanted confirmation from the expert!

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 27d

Andrew:

from the expert!

ADVERTISEMENT

pawel.malicki Paweł 11.2.200.0 20d

Skip to main content Is it possible to fill this list dynamically? From View. Binding does not seem to work.

https://www.epiusers.help/t/kinetic-control-compendium/105887 191/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS 20d

If you want to have the entries of a combo box be taken from a dataview, you would set it up the
following way.

Under Reusable Combo, you enter the dataview in View Name and if you have a column to sort on
you enter it under Sort.

Under Advanced you enter the Drop Down Style, Data Mode, Text Field, and Value Field.

pawel.malicki Paweł 11.2.200.0 20d

Hi John.
Question was about List Box not Combo Box

ADVERTISEMENT

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS 20d

I did not see that. I believe you want to use Selection List instead of List Box.

pawel.malicki Paweł 11.2.200.0 20d

In the first post it is stated that Selection List is on version 2023.2.3.


We’re on 2022.2.35 and I can see Selection List control and I can use it with static list. Can it be that
Skip to main content this whole section of settings is just not working?

https://www.epiusers.help/t/kinetic-control-compendium/105887 192/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum

jkane John Kane Leader Prod: 8.03.410 | Pilot: Cloud SaaS 20d

Potentially. Kinetic is definitely not in a “finished” state.

ADVERTISEMENT

vampman Ivan Wright Kinetic 2023.2 13d

You show your form color as something other than the Epicor picked color in this example. Are you
setting that using this color picker? If so, what binding are you using to do so?

hmwillett Hannah Willett 🏳️‍🌈⚧ Kittens and Rainbows Prod: 2023.1 | Test: 2024.2 13d

No–it’s a StyleBot Chrome extension.

vampman Ivan Wright Kinetic 2023.2 13d


Skip to main content
Thanks for the quick response.
https://www.epiusers.help/t/kinetic-control-compendium/105887 193/194
10/15/24, 5:00 PM Kinetic Control Compendium - Experts' Corner - Epicor User Help Forum
But bummer. I have a request to visibly change the form depending on which Plant the user is in. My
thought was to change those control colors.

ADVERTISEMENT

ADVERTISEMENT

Suggested Related Replies Views Activity

Passing values to app-open tile 22


48 10.5k 4d
kinetic, application-studio

How To: Kinetic Dashboard Uplifts 88


91 14.7k 8d
kinetic, dashboard, application-studio, uplift

How To: Kinetic - Working With Grid Selectors 9


9 6.5k 18d
kinetic, grid, how-to, selector

ExportAllTheThings - Export Your Custom Objects 5 33 1.8k 21d

How To: Kinetic BAQ Grid Pub-Sub 3


13 9.3k 27d
kinetic, application-studio

There are 246 unread and 23 new topics remaining, or browse other topics in

Powered by Discourse

https://www.epiusers.help/t/kinetic-control-compendium/105887 194/194

You might also like