Tabib - Apps web Admin Dashboard Template

Tabib is a responsive patient management system. It is complete solution for doctor to manage their patient appointments, patient details and also manage billing of particular patient It is built with the latest Bootstrap 5.x.x and Sass

Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates.

Version: 1.1
Last Updated: 21/11/2022
Author: Uxign

Folder Directories

Tabib
- assets
  - fonts
    - fontawesome
      - css
      - webfonts
    - simple-line-icons
  - images
    - avtar
    - datatables
    - doctors
    - patients
    - svg
    - ...
    - ...
  - js
    - apex-custom.js
    - charts-custom.js
    - init-tdatatable.js
    - main.js
    - option-themes.js
    - toggleFullScreen.js
  - main
    - css
      - fonts.css
      - style.css
      - style.css.map
    - scss
      - components
      - helpers
      - layouts
      - style.scss
  - plugins
    - bootstrap
    - calendar
    - chart
    - datatables
    - daterangepicker
    - jquery
    - jquery-ui
    - moment
    - popper
- index.html
- index-dark.html
- index-rtl.html
- new-appointment.html
- doctor-settings.html
- reports.html
- .....

Theme Features

js/main.js


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version : "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "full",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_1",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});

Color Theme

So many color option available

Light
color_1
color_2
color_3
color_4
color_5
color_6
color_7
color_8
color_9
color_10
color_11
color_12
color_13
color_14
color_15

jQuery('body').attr({
	data-typography: "rubik", 		More Options => ["rubik"]
	data-theme-version: "light",     	More Options => ["light", "dark"]
	data-sidebar-position: "fixed",		More Options => ["Fixed"]
	data-header-position: "fixed",		More Options => ["Fixed"]
	data-sidebar-style: "full",		More Options => ["Full", "compact", "mini", "close","overlay"]
	data-container: "full",			More Options => ["Full","boxed"]
	layout-positions: "fixed",		More Options => ["Fixed", "scrollable"]
	data-nav-headerbg: "primary_color_1",	More Options => ["primary_color_1," , "primary_color_2," ..... "primary_color_14"]
	data-headerbg: "primary_color_1",	More Options => ["primary_color_1," , "primary_color_2," ..... "primary_color_14"]
	data-sibebarbg:"primary_color_1"	More Options => ["primary_color_1," , "primary_color_2," ..... "primary_color_14"]
	data-sibebartext:"primary_color_1"	More Options => ["primary_color_1," , "primary_color_2," ..... "primary_color_14"]
	data-topbar:"primary_color_1"		More Options => ["primary_color_1," , "primary_color_2," ..... "primary_color_14"]
});


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version: "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "full",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_1",
	data-headerbg: "primary_color_1",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});

body => class="dark"
jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version: "dark"
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "full",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_3",
	data-headerbg: "primary_color_3",
	data-sibebarbg:"primary_color_3",
	data-sibebartext:"primary_color_3",
	data-sidebar:"primary_color_3",
	data-topbar:"primary_color_3",
});


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version : "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "full",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_3",
	data-sibebarbg:"primary_color_3",
	data-sibebartext:"primary_color_3",
	data-topbar:"primary_color_1",
});


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version : "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "full",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_2",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version : "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "compact",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_1",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version : "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "mini",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_1",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version : "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "close",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_1",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version: "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "full",
	data-container: "full",
	layout-positions: "scrollable",
	data-nav-headerbg: "primary_color_1",
	data-headerbg: "primary_color_1",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});


jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version : "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "full",
	data-container: "boxed",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_1",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});

html => dir="rtl"
jQuery('body').attr({
	data-typography: "rubik",
	data-theme-version : "light",
	data-sidebar-position: "fixed",
	data-header-position: "fixed",
	data-sidebar-style: "full",
	data-container: "full",
	layout-positions: "fixed",
	data-nav-headerbg: "primary_color_1",
	data-sibebarbg:"primary_color_1",
	data-sibebartext:"primary_color_1",
	data-topbar:"primary_color_1",
});