Panel Card
Expandable container that groups related content.
| Property Group | Property | Description |
|---|---|---|
| Basic | Id | Unique identifier for the control |
| Basic | Title | Sets the Title of the grid found on the Panel Header. (Fig. A) |
| Behavior | On Panel Card Expand | Hook into an event which occurs when the panel card is opened. (Fig. B) |
| Behavior | On Panel Card Collapse | Hook into an event which occurs when the panel card is closed. (Fig. B) |
| Comments | Comments | Add some developer notes to the control. These are 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, allowing the user to select an existing record or create a new one. Not relevant to this control. |
| Data | EpBinding | Bind the control to a DataView.Column. I’ve never used this binding field. I don’t believe this is relevant to this control. |
| Layout | Minimum Width | Sets the minimum width the panel can shrink to when the page is in Flex Layout Mode. (Fig. D) |
| Data | Flex Layout | To create custom, responsive control layouts instead of column-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. |
| Advanced | Enable Action Menu | Indicate if the action button should be displayed at the top of the panel card. (Fig. E) |
| Advanced | Auto Fill Container | Indicate if panel card should automatically fill its container. (Fig. F) |
| Advanced | Expand At Runtime | Enable this to expand the panel card at runtime. When the panel is expanded, it attempts to load data 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. |
| Advanced | Enable Fullscreen | Indicate if the full screen button should be displayed on the panel card. This gives you an extra, hideable container for goodies. (Fig. G) |
| Advanced > Action Data | ID | The ID of the toolbar button. |
| Advanced > Action Data | Description | The description of the toolbar button. This shows up as the label. (Fig. H) |
| Advanced > Action Data | Icon | Sets the icon next to the description. Format: mdi mdi-icon-name Icon names can be found here: Material Design Icons (pictogrammers.github.io) (Fig. I) |
| Advanced > Action Data | Image Url |
 Set the url that points to the image that is to be displayed on the action item. Couldn’t figure this one out. |
| Advanced > Action Data | Ep Binding | Set the data binding for the action item. This is used for onClick events and others as well as rules. Format: DataView.Column. |
| Advanced > Action Data | ShortCut | Set the keyboard shortcut to fire the onClick event. Example: CTRL+ALT+A |
| Advanced > Action Data | Add to Primary ToolBar | Indicate if the item should be shown in the toolbar next to the overflow menu on the panel card header. (Fig. J) |
| Advanced > Action Data | Disabled |
Disables the tool. This still seems to show the click animation, but the event doesn’t fire. #SuperGoodEnough? (Fig. K) |
| Advanced > Action Data | Add Divider | Adds a divider below the menu item. (Fig. L) |
| Advanced > Action Data | Sequence | Set the numeric sequence of this item in relation to the other items. (Fig. M) |
| Advanced > Action Data | System Tool Type |
Set the system defined type for this action item. If this value is set, all properties of the item will be overridden with the system defined properties. Doesn’t do anything when set. #Shrug
|
| Advanced > Provider Model | I’m not really sure what this is for. I guess you can set it to populate a dataview on expand and then populate any fields on the screen with that data? | |
| Advanced > Provider Model | providerModel.description |
Set the description for this provider model. Used as a comment to describe the view options (which don’t exist!) for this provider model. |
| Advanced > Provider Model | providerModel.svc | Identify the REST service that provides the data. Example: Erp.BO.PartSvc (Fig. N) |
| Advanced > Provider Model | providerModel.svcPath | Identify the REST method that is to be called to get the data. Example: GetList (Fig. N) |
| Advanced > Provider Model | providerModel.tableName | Set the name of the table that holds the row(s) of data when the REST call returns. (Fig. N) |
| Advanced > Provider Model | providerModel.EpBinding | Set the name of the view that is to be provided with the data from the server call. (Fig. N) |
| Advanced > Provider Model | providerModel.outParamName | Set the parameter name that holds the row(s) of data when the REST call returns. Example: returnObj. (Fig. N) |
| Advanced > Provider Model | providerModel.restParams | Set an object composed of key value pairs that define the REST parameters that are stent into the service call. Example { "whereClause": "PartNum = '10008'"} (Fig. N) |
Figure A: Label Text
Figure B: Behaviors
Mental Issues.
Figure C: Comments
Figure D: Minimum Width
Figure E: Enable Action Menu
Figure F: Auto Fill Container
Figure G: Enable Full Screen
Figure H: Description
Figure I: Icon
Figure J: Add to Primary Toolbar
Figure K: Disable
Figure L: Add Divider
Figure M: Sequence
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.
