New Control Parameters
New Advanced Options
Version 2020.11 includes the following new advanced options to control the features and behaviour of Widgets in UX applications.
"filterbar": {
...
"backBtn": {
"label": "back",
"html":"<span class='btn btn-info' style=' margin-right:0px; display:inline-block; left:0px;' > <i class='fa fa-chevron-circle-left'></i> Back </span>",
"iconClass": "fa fa-cube",
"targetView": {
"view": "a13.v2",
"viewType": "View"
}
},
"nextBtn": {
"label": "back",
"html":"<span class='btn btn-info' style=' margin-right:0px; display:inline-block; left:0px;' > <i class='fa fa-chevron-circle-right'></i> next </span>",
"iconClass": "fa fa-cube",
"targetView": {
"view": "a13.v2",
"viewType": "View"
}
}
...
}
backBtn: This object used to set the custom back button. This will be used to navigate to the specific view set in the targetView object.
nextBtn: This object used to set the custom back button. This will be used to navigate to the specific view set in the targetView object.
iconClass: Set the back & next button icon.This is optional
label: Set the back & next button label
html: Set the custom HTML button
{
...
"filterDisabledClass":"btn btn-info",
...
}
filterDisabledClass: Set name of class to apply to filters once filterbarEnabled is false
"cardConfig": {
...
"selectWidgetType":false,
"showZeroSupressionOptionsInThreeDotsMenu":true,
...
}
selectWidgetType: Set this to true to enable dropdown button to select available widget type. By default, set to false
showZeroSupressionOptionsInThreeDotsMenu: Set to true to display zero supression option as menu item in Three dots menu
{
"kpiSimple": {
...
"modifyVarPerColor": false,
"percentCalcMethod":"0",
"decimalFormat":2,
"percentVarCalcMethod": "0"
...
}
}
modifyVarPerColor: Set true to show the elements in colors based on the advanced option reference conditions.By default it is set to false. Note: Show reference should set to true to enable this option.
decimalFormat: Set the decimal format.By default it is set to 1.
percentCalcMethod: Set the percentage calculation method to "0" to use the formula [Formula : (A/B-A) x 100] . By default it is set to "1". (A-B/B) x 100
percentVarCalcMethod: Set the percentage var calculation method to "1" to use the formula [Formula : (B-A/B) x 100]. By default it is set to "0". (A-B) x 100
{
...
"uxNavigation": {
"maxPerRow": 3,
"boxBackgroundColor": "#efefef",
"textColor": "#333",
"showInfo": true,
"showIcon": true
}
...
}
maxPerRow: Set the max per row
boxBackgroundColor: Set the background color
textColor: Set the text color for the entire box
showInfo: Set this to false to remove the info icon. By default, set to true
showIcon: Set this to false to remove the icon. By default, set to true
{
...
"nextTooltip": "Next Page",
"backTooltip": "Previous Page",
...
}
nextTooltip: Mention the next tooltip title
backTooltip: Mention the next previous title
0 Comments
Add your comment