Admiro Dashboard Theme For Appgini
  • Introduction
  • Installation Guide
  • General Settings
  • Table Menu Settings
  • Dashboard Builder
  • Custom Page Builder
  • Reports Builder
  • Translation Tool For Admiro
  • File Manager
  • Widget Functions
    • Data Card
  • Sweet Alert
  • Alert
  • Welcome Banner
  • Statistics Counter Card
  • Basic Table
  • Data Table
  • Modal
  • Full Calendar
  • Drop Zone
  • Line Chart
  • Area Chart
  • Bar Chart
  • Column Chart
  • Pie Chart
  • Donut Chart
  • Timeline Chart
  • Options
Powered by GitBook
On this page
  • Parameters
  • Example Usage
  • Output
  1. Widget Functions

Data Card

In this theme we have 7 dedicated data card widget functions that you can use in your dashboards and custom pages.

We will proceed to see the structure of the functions below:

dataCard1($card_title = 'New Orders', $card_value = '2,435', $card_icon = 'fas fa-shopping-basket', $card_color = 'warning',$target_link='#',$card_size='col-md-3 col-sm-6 col-12',$img_icon='')

Parameters

  • Card Title- This is the title of the data card

  • Card Value - This is the numeric value to be displayed on the card.

  • Card Icon- This is the font awesome icon class to be used to display an icon on the card

  • Card Color- This is a bootstrap color class eg : warning, primary, secondary, danger, info, dark

  • Target Link - This is the link user will be redirected to if they click on the card

  • Card Size - This is a bootstrap grid class for the card size default is: col-md-3 col-sm-6 col-12

  • Image Icon- This is the optional image icon path name to be used, if provided the card will use the image icon instead of the font awesome icon.

For the function names, you can use either:

dataCard1, dataCard2, dataCard3, dataCard4, dataCard6, dataCard7, dataCard8

Example Usage

echo dataCard4('Total Customers', sqlValue("SELECT COUNT(*) FROM customers"),'fas fa-users','success','http://localhost/admirodev/app/admiro_view?p=customers_view','col-md-3 col-sm-6 col-12')

Output

PreviousFile ManagerNextSweet Alert

Last updated 7 months ago

Sample output from Card1-Card 4
Display for Cards 6,7 and 8