RedStar Hospital - Bootstrap 5 Material Admin Dashboard Template

version 4.0.0


Thank You

Thank you for buying Redstar and supporting Redstartheme. Feel free to contact me if you have any questions.

Also, email me if you have any feature requests or advices, I'll happy to help you.

Our promise is that Pleasure will be constantly kept up to date.

Thank You.

Overview

  • Item Name : RedStar Hospital - Bootstrap Admin Template with Material Design Components
  • Item Version : v 4.0.0
  • created: 08/22/2017
  • latest update: 31/03/2022
  • by: RedStarTheme
  • email: redstartheme@gmail.com

Introduction #back to top

The RedStar Hospital - Bootstrap Admin Template with Material Design Components has been designed to reflect the values of beauty and simplicity. Redstar have also Material Design components, which you can use in your application.

RedStar is a lightweight and easy to use, clean and polished, resourceful and reliable, responsive HTML5 and Bootstrap admin template.It works natively on mobile devices, making it an accessible way of managing your own website from wherever you are.

Folder Structure #back to top

RedStar/

	Documentation/
	├── css/
	├── Fonts/
	└── Images/
	└── Js/
	└── index.html/
	
			
	Source/
	  └── assets/ 
	  └── dark/
	    └── css/
	    └── fonts/
	    └── img/
	    └── .html/
	  └── light/
	    └── css/
	    └── fonts/
	    └── img/
	    └── .html/
						

Installation #back to top

RedStar comes with multiple layouts like vertical menu, dark, rtl, horizontal menu you can choose as per your choice.

You just need to chose your desire layout folder with assets folder and paste in your location.


Custom Theme #back to top

The RedStar comes with 21 different combinations themes, User can select any theme as per her/his choice.

You need to change classes for sidebar, header & logo header in body tag.

Key point in Redstar is the custom theme, You cam set ANY COLOR theme of your choice. You need to change in theme-color.css file in css folder. You can set color for --sidebar-color --sidebar-font-color --logo-color --header-color value as per your choice, and add classes in body tag .custom-sidebar-color for sidebar, .logo-custom for logo header color & .header-custom for header color. Thats it !!!


Template Structure#back to top

Template Structure

This template is fully responsive and fluid layout. Following are the general structures.


Page Head   

Below code is used at the beginning of all HTML pages

							<!DOCTYPE html>
							<html lang="en">
							<head>
							    
							    
							    
							    
							    
							    Redstar Hospital | Bootstrap Responsive Hospital Admin Template
							
							    
							    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
							    
								
							    <link href="js/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
							    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
							    
								
							    <link href="js/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
							    <link href="js/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
							    
							    
							    <link href="css/theme_style.css" rel="stylesheet" id="rt_style_components" type="text/css" />
							    <link href="css/plugins.min.css" rel="stylesheet" type="text/css" />
							    <link href="css/style.css" rel="stylesheet" type="text/css" />
							    <link href="css/responsive.css" rel="stylesheet" type="text/css" />
							    
								
							    <link rel="shortcut icon" href="img/favicon.ico" /> 
							 </head>
						

Main Structure   

Following are the markup of main structure.

                            
.......
......

Left Side

Following are the markup of left side. Which contains logo and side bar navigation.

							
							
							 
						

Left Navigation

Following are the markup of left navigation. All Pages can be navigate using Left Navigation Sidebar.

							
						

Quick Sidebar

In Quick sidebar chat & setting tab are available, using that you can chat with user and setting tab is used for layout related setting in application.

							 
			            

Online

  • <img class="media-object" src="img/doc/doc3.svg" width="35" height="35" alt="..."> ..........
  • <img class="media-object" src="img/doc/doc4.svg" width="35" height="35" alt="..."> ..........
.....chat content.......

Layout Settings

  • Sidebar ....setting buttons......
  • Header ....setting buttons......

Account Settings

  • Show me Online ....setting buttons......
  • Status visible to all ....setting buttons......

General Settings

  • Enable Notifications ....setting buttons......
  • Enable SMS Alerts ....setting buttons......

Header

Header section structure are as follows. Which contains toggle button, Language sections, and notifications.

							
						   

Activate parent

To activate Parent Menu have to add class "active".

							
  • ...

  • Activate parent & sub menu

    To activate Parent Menu with Sub Menu have to add "active" class and "selected" in span.

    							
    						

    Material Design Template#back to top

    Require Plugins

    For use material design component you just required to add plugins in template. Followings are require plugins for material design template

    							 
    							<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
    							
    						    <link rel="stylesheet" href="js/material/material.indigo-pink.min.css"/>
    						    <link rel="stylesheet" href="css/material_style.css"/>
    						   	
    						    <link rel="stylesheet" href="js//material-datetimepicker/bootstrap-material-datetimepicker.css" />
    						    
    						    
    							<script src="js/material/material.min.js"></script/>
    						    <script src="js/getmdl-select.js" type="text/javascript"></script>
    						    <script type="text/javascript" src="js/material-datetimepicker/moment-with-locales.min.js"></script>
    							<script type="text/javascript" src="js/material-datetimepicker/bootstrap-material-datetimepicker.js"></script>
    							<script type="text/javascript" src="js/material-datetimepicker/datetimepicker.js"></script>
    						

    Layouts#back to top

    You can visible the top header, left side and footer fixed to its position.You can also change this from setting tab of chat panel.

    Fixed Header

    To enable fixed header please add class navbar-fixed-top in page-header div tag.

    								<body class="navbar-fixed-top">
    							

    Sidebar Right Side

    To enable sidebar to right side please add class sidemenu-container-reversed to body tag.

    								

    Fixed Footer

    To enable fixed footer please add class page-footer-fixed to body tag.

    								

    CSS files are in the css/ folder of the template. RedStar built on Twitter Bootstrap 3 framework.

    The below code should be included in every pages in the <head> tag

    								 
    								  <link href="css/style.css" rel="stylesheet"/>
    								  <link href="css/theme-style.css" rel="stylesheet"/>
    								  
    								  
    								  <link rel="stylesheet" href="js/material/material.indigo-pink.min.css"/>
    								  <link rel="stylesheet" href="css/material_style.css"/>
    							

    JavaScript#back to top

    All javascript files are in the js/ folder of the template.

    Following js code should be included in every page before the <body> tags.

    								
    								<script src="js/jquery.min.js"></script>
    								<script src="js/bootstrap/js/bootstrap.min.js"></script>
    								<script src="js/scripts.js"></script>
    								<script src="js/jquery.blockui.min.js"></script>
    								<script src="js/bootstrap-switch/js/bootstrap-switch.min.js"></script>
    								<script src="js/app.js"></script>
    								<script src="js/layout.js"></script>
    								<script src="js/demo.js"></script>
    								<script src="js/quick-sidebar.js"></script>
    								
    								
    								<script src="js/material/material.min.js"></script>
    							    <script src="js/getmdl-select.js" type="text/javascript"></script>
    							    <script type="text/javascript" src="js/material-datetimepicker/moment-with-locales.min.js"></script>
    								<script type="text/javascript" src="js/material-datetimepicker/bootstrap-material-datetimepicker.js"></script>
    								<script type="text/javascript" src="js/material-datetimepicker/datetimepicker.js"></script>
    							
    							

    New Page #back to top

    To create a new page, you can use blank_page.html And For Material Design page you can use material_blank.html which provides basic page layout which you can extend and modify further.

    Fonts #back to top

    RedStar uses Open Sans font from google fonts.

    								<href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
    							

    Credits #back to top

    Version History (Changelog) #back to top

    Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme.


    Changelog

    										-----------------------------------------------------------------------------------------
                                            Version 4.0 - March 31th, 2022
                                            -----------------------------------------------------------------------------------------
    										-- Change in template design
    										-- Update Bootstrap and other dependency to latest version
    										-- Minor Bug Solve
    										-----------------------------------------------------------------------------------------
                                            Version 3.0 - June 25th, 2021
                                            -----------------------------------------------------------------------------------------
    										-- Update Bootstrap 4 to 5
    										-- Update jQuery version
    										-- Minor Bug Solve
    										-----------------------------------------------------------------------------------------
                                            Version 2.6 - November 4th, 2018
                                            -----------------------------------------------------------------------------------------
    										-- Add RTL Full Version Template
    										-- Add Export Data Table Page
    										-- Add Child Row Data Table Page
    										-- Minor Bug Solve
    										-----------------------------------------------------------------------------------------
                                            Version 2.5.0 - September 18th, 2018
                                            -----------------------------------------------------------------------------------------
    										-- Update Bootstrap 4.1.3
    										-- Change full layout menu options
    										-- Date time picker bug solve
    										-- Form elements bug solve
    										-----------------------------------------------------------------------------------------
                                            Version 2.4.0 - June 15th, 2018
                                            -----------------------------------------------------------------------------------------
    										-- Update Bootstrap 4.1.0 to Bootstrap 4.1.1
    										-- update jquery 3.2.1 to 3.3.1
    										-- Add new pages alert.html, sign_up.html & forgot_password.html
    										-- Change extra page design and layouts
    										-- Change horizontal menu layouts and bug solve.
    										
    										-----------------------------------------------------------------------------------------
                                            Version 2.3.0 - April 24th, 2018
                                            -----------------------------------------------------------------------------------------
    										-- Update Bootstrap 4.0.0 to Bootstrap 4.1.0
    										-- Add scrollbar in left sidebar menu
    										-- Add new page Bootstrap Model window
    										-- Header language change bug solve
    										-- Layout pages bug solve
    										
    										-----------------------------------------------------------------------------------------
                                            Version 2.2.0 - Feb 28th, 2018
                                            -----------------------------------------------------------------------------------------
    										 Update:
    										-- Bootstrap 5 beta to Bootstrap 5 stable
    										-- Replace tether js with poper js
    										-- Right sidebar close on focus lost and esc key press
    										
    										 Bug Fix:
    										-- Box layout header responsive bug fix
    										-- Dark theme header bug fix
    										-- Table scroll bar problem fix
    										-- Collapse menu bug fix
    										-- Mega menu bug fix
    										-- Email page colapse button alignment bug fix
    
    
    										-----------------------------------------------------------------------------------------
                                            Version 2.1.0 - Dec 15th, 2017
                                            -----------------------------------------------------------------------------------------
    										 Added:
    										 -- New Feature : Dark Theme Layout.
    										 -- New Feature : Collapse Menu Template.
    										 -- New Feature : Custom Color Theme.
    										 -- New page : dashboard2.html page for desktop options.
    										 -- New page : dashboard3.html page for desktop options.
    										 -- New page : add_doctor_material.html for add doctor page in material design.
    										 -- New page : add_patient_material.html for add patient page in material design.
    										 -- New page : add_room_allotment_material.html for add room allotment page in material design.
    										 -- New page : add_staff_material.html for add staff page in material design.
    										 -- New page : book_appointment_material.html for book new appointment page in material design.
    										 -- New page : group_table.html page for grouping table data.
    										 -- New page : layout_collapse.html page for mini sidebar layout option.
    										 -- New page : tableData.html for get data from javascript file.
    										 
    										 Update:
    										-- Bootstrap 3.3.7 to Bootstrap 4
    										-- Chat Bar Design Improvement
    										-- Full Width Layout Page Change
    										-- Form Wizard Page change
    										-----------------------------------------------------------------------------------------
                                            Version 1.2.0 - Nov 15th, 2017
                                            -----------------------------------------------------------------------------------------
    										 Added:
    										 -- New Feature : Quick sidebar for theme change. You have now (7*3=21) different color theme for change, 
    										 	You can select any color as per your desire.
    										 -- New page - layout_mini_sidebar.html for collapse sidebar menu layout.
    										 
    										 Update:
    										-- google map api version 0.4.24 to 0.4.25 
    										-- jquery slimscroll version 1.3.6 to 1.3.8
    										-- summernote version 0.8.6  to 0.8.8
    										-- jqvmap version 1.0 to 1.5.1
    										-- bootstrap switch version 3.3.2 to 3.3.4
    										-- Documentation
                                            -----------------------------------------------------------------------------------------
                                            Version 1.1.0 - Nov 1th, 2017
                                            -----------------------------------------------------------------------------------------
    
                                            Added:
    										Add 16 new pages for material design components.
    										
    										-- New page - book appointment page in material design
    										-- New page - Material design badges page
    										-- New page - Material design buttons page
    										-- New page - Material design chips page
    										-- New page - Material design datepicker page
    										-- New page - Material design form page
    										-- New page - Material design grid page
    										-- New page - Material design icons page
    										-- New page - Material design loading page
    										-- New page - Material design menu page
    										-- New page - Material design select item page
    										-- New page - Material design slider page
    										-- New page - Material design tabs page
    										-- New page - Material design tables page
    										-- New page - Material design toggle page
    										-- New page - Material design blank  page
    										-- New plugin - Material Design Lite Plugin for Materia Components
    										-- New plugin - Date time picker for material design pages
    										
    										Update:
    										-- email inbox check box style change
    										-- Documentation
    										
    										Fixed: 
    										-- email multiple file import
    										-- email inbox bug fix