Search Results

📘 Developer Guide With the Default-Column Brick, you are able to display simple columns based on table data. Columns without specified component will default to the Default-Column Brick. 🔁 Example Designer (Droppable in both header and body columns) Runtime ...

📘 Developer Guide With the Action-Column Brick, you can provide multiple Action-Buttons in an Action-Group to react to button clicks which trigger actions defined by the buttons. For more information, see Action-Button and Action-Button Group. 🔁 Example Desig...

📘 Developer Guide With the Badge Brick, you can easily add badges to your Dashboard. 🔁 Example Designer Runtime ⚙️ Configuration Properties Key Label Description Default Value label The Label of the badge This string will be displayed in the badgest...

📘 Developer Guide With the Badge-Group Brick, you can easily add multiple grouped badges to your Dashboard. 🔁 Example Designer Runtime ⚙️ Configuration Properties Key Label Description Default Value badges The configurations of the badges Accepts Ba...

📘 Developer Guide With the Badge-Array-Column Brick, you are able to define a collection of badges. It will display the corresponding badges depending on the defined props data set. Check out the example 🔁 Example Designer (Only droppable in body columns) Ru...

📘 Developer Guide With the Badge-Column Brick, you are able to define several badges. All badges will be displayed per column, depending on if you are using internal scripting and interpolation or not, check out the example. 🔁 Example Designer (Only droppable...

📘 Developer Guide With the HTML-Column Brick, you are able to render HTML-Content into your tables. 🔁 Example Designer (Droppable in body columns and header columns) Runtime This example uses the following data set: { "data": [ { "id": "123"...

📘 Developer Guide With the Selection-Column Brick, you are able to display a selection in form of a checkbox in your tables. 🔁 Example Designer (Droppable in body columns and header columns) Runtime This example uses the following data set: { "data": ...

📘 Developer Guide With the Dynamic Control Bricks, you are able to provide different types of input for your forms. 🔁 Example Designer Runtime ⚙️ Configuration Properties Key Label Description Default Value type * The type of the Dynamic Control Def...

📘 Developer Guide With the Form Brick you can define a form, which let you gather form data and work with its result. You can utilize Dynamic-Control Components, which work side by side with forms, to create simple yet powerful forms in your dashboard. See the...

📘 Developer Guide With the Menu Brick, you are able to open a menu anywhere on your dashboard. 🔁 Example Designer Runtime ⚙️ Configuration Properties Key Label Description Default Value xPosition The x-Position of the Menu Defines the horizontal pos...

📘 Developer Guide With the Flyze Theming Service, you are able to easily provide multiple custom themes for your Apps/Dashboards and toggling between these. It also helps you generate Gradiations of specific colors if needed. 🔁 Example Runtime 🏗️ Methods ...

Example: Open Formular in Modal Script Example const dialog$ = fyzUtils.dialogApi.openDynamic("FormModalComponent", { componentData: { "mode": "reference", "title": "", "visible": true, "initialData": {}, // provide your in...

Deep-merge multiple objects. Inputs Any non-complex objects. Return Returns a new object with the merged properties. Limitations Provided objects will not be changed. Arrays inside the object will not merge. They will be overwritten. Objects cannot be complex...

📘 Developer Guide With the Flyze Format-Date Service, you are able to easily format Date-Objects into valid locale Date-Strings. 🔁 Example Runtime 🏗️ Methods Method Description Parameters Returns getDateTimeByFormat Gets a formatted date time date: Da...

📘 Developer Guide With the Flyze Language Service, you are able to easily provide translation to your dashboards/bricks, based on the current language of the App. 🫥 Runtime Properties Key Label Description activeLanguage$ Get the current language code ...