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
  • Structure
  • Parameters
  • Example Usage
  • Output

Statistics Counter Card

The stat counter card is useful when you want to display critical or important statistics with comparison figures as well

Structure

statCounter($title="Statistics",$total_value="100",$high_value_label="Profit",$hig_value_number="119",$low_value_label="Loss",$low_value_number="100",$progress_color='primary',$progress_percentage="40",$card_size='col-md-6 col-sm-6 col-12',$link='#')

Parameters

The statCounter card has up to 10 parameters that we will dive into details below

  • Title- The title of the card

  • Total Value- The numeric grand total value to be displayed

  • High Value label- This is the label of the comparison high value

  • High Value Number- This is the numeric value of the comparison highest value

  • Low Value Label- This is the label of the comparison low value

  • Low Value Number- This is the numeric value of the comparison lowest value

  • Progress Color- This is the color of the progress bar displayed, values can be: primary, secondary, warning, danger, info, success

  • Progress percentage- This is the percentage of the progress bar can be from 1-100

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

  • Link- This is the link which the user will be redirected to upon clicking on the card

Example Usage

echo statCounter('Total Sales', '3,000', 'Profit', '1200', 'Loss', '1000', 'success', '30', 'col-md-6 col-sm-6 col-12', '#');

Output

PreviousWelcome BannerNextBasic Table

Last updated 7 months ago