Responsive Bootstrap 5 Admin Dashboard

Documentation

Thank you very much for your purchase!

Introduction

Scoxe - Responsive Bootstrap 5 Admin Dashboard Template.

Get start with Scoxe. Launch your campaign and benefit from our expertise on designing and managing conversion centered Bootstrap html page.

Scoxe is a fully responsive landing template built using the latest Bootstrap framework. It’s designed for describing your app, agency or business.

Prerequisites

Please follow below steps to install and setup all prerequisites:

  • Yarn

    Make sure to have the Yarn installed & running in your computer. If you already have installed Yarn on your computer, you can skip this step. We suggest you to use Yarn instead of NPM.

  • Nodejs

    Make sure to have the Node.js installed & running in your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 16.

  • Gulp

    Make sure to have the Gulp installed & running in your computer. If you already have installed gulp on run command npm install -g gulp from your terminal.

  • Git

    Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.

Installation

To setup the admin theme, follow below-mentioned steps:

  • Install Prerequisites

    Make sure to have all above prerequisites installed & running on your computer

After you finished with the above steps, you can run the following commands into the terminal / command prompt from the root directory of the project to run the project locally or build for production use:

Command Description
yarn install This would install all the required dependencies in the node_modules folder.
gulp Runs the project locally, starts the development server and watches for any changes in your code, including your HTML, javascript, sass, etc. The development server is accessible at http://localhost:3000.
gulp build Generates a /dist directory with all the production files.

Folder Structure

├── Documentation
└── Admin
    ├── dist (Compiled versions - Ready to use)
    ├── src/
    │   └── assets - the reusable assets used in different demos
    │   │   └── data
    │   │   └── fonts
    │   │   └── images
    │   │   └── js
    │   │   └── scss
    │   └──  source html file
    ├── gulpfile.js - containing gulp tasks
    ├── package.json
    ├── yarn.lock
    └── README.md

Code Structure

In-built Demos

You can change the colour palatte of any demo very easily by simply changing the few CSS variables' value.

In order to modify the colors in existing themes, open the app.css and change any variable in it. Your changes would get reflected automatically in any Bootstrap based components or elements. Note that, this requires you to include this file in head-css.php.

Adding new page

We have provided a starter page (check pages-starter.php). It allows you to get started easily and helps you to add new page. Please note following important points:

  • Most of default/basic form elements along with few advanced elements are separately add css and js.
  • Few elements e.g. charts, data tables, calendar, maps etc requires you to include corresponding css and js files in your html. Please check corresponding documentation page for the same.

Browser Compatibility:Chrome (Windows, Mac, Linux)

  • Firefox (Windows, Mac, Linux)
  • Safari (Mac)
  • Microsoft Edge
  • And other WebKit browsers

Support

Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.

- MyraStudio

Stay Awesome!