Agile-Developer

Axpert Cards (Widgets)

Axpert 11

TStructs (Forms)

IViews

Scripts

Axpert Jobs

Axpert Cards

HTML Plug-ins

Users & Roles

Workflow

Axpert API

Application Var/Params

Publish Axpert Apps

Axpert Mobile

Settings

Utilities

Customization

WebServices

Axfast

Axpert Cards (Widgets)

Widgets are defined as Axpert Cards. The widgets will be displayed on the main page after the user logs in. Each
card is assigned to one or more roles. The type of widget displayed depends on the card type.

To create cards, go to Cards on the sidebar and define a card.
Users can also set the Width and Height of the cards based on their card  requirements. To set the Width and Height
click on the respective fields and set the numbers in Pixels.
Note that users can only set the Height if the Width is set to 100 percent.
Agile developer lowcode Axpert Cards
 

A KPI card will display a single value along with the card name. The value in the first cell in the SQL
result of the given card SQL will be displayed as a value. App variables and app params may be used as parameters in SQL
statements. For example display employees using KPI cards. Write the SQL query for listing all employees on dev site.

Agile developer lowcode Axpert Cards
 
Go to the run site and find the card that is created

Agile developer lowcode Axpert Cards
 
A Chart card will display an SQL result as a chart. The type, look and feel of the chart can be set using the
properties in the card definition. For example, create a pie chart for pending requests based on the data available.

Agile developer lowcode Axpert Cards
 
Go to the run site and find the chart on the home page

Agile developer lowcode Axpert Cards
 
A list card will display the card SQL result as a list. These can be used to show small lists of data. If SQL
results are large, the loading time will be impacted thereby reducing app performance. Write a SQL query in the
developer

Agile developer lowcode Axpert Cards
 
Go to the run site and find the data list on the home page

Agile developer lowcode Pending Requests
 
An Image card displays desired image on the home screen. To create an image card, choose the image option from the
drop-down.

Agile developer lowcode Axpert Cards.

The image chosen will be displayed on the home page.

Agile developer lowcode Axpert Cards
 
A Calendar card will display a calendar on the screen showing today’s date. To create a calendar, choose the
card type as ‘calendar’ and enter a name, and set an icon.

Agile developer lowcode Calendar card
 
Go to the run site and find the calendar on the home page.

Agile developer lowcode Axpert Cards

Menu & modern menu cards are used to show menu items as widgets. The child menu within the menu will be shown in
dropdowns.

HTML cards will display the result as per the HTML code that has been used. For example

Agile developer lowcode HTML cards

The above code will display the image using the link provided in the code as shown below

Agile developer lowcode Axpert

Select the roles to which the cards are applicable. On login, all the cards that are applicable to all the roles of
the user are displayed on their home page.
At run time, users have the option to hide or re-order the cards based on their preferences.

Try Out

1. Create a pie chart and bar graph showing department-wise active employees and the count respectively.
2. List the upcoming project milestones using the list card.
3. Use the calendar card to display today’s agenda.

prevNext