Thank you very much for purchase Pick-Admin

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via our page.

Introduction

Pick is a responsive admin template powered by Twitter Bootstrap Framework. Pick-admin has a simple yet powerful set of UI elements and plugins to get your work done in the fastest time possible, with a user friendly and clean design to appeal to your customers.

We really care for our buyers and so in case if you have any question or feedback, please feel free to get back to us.

Quick Start

Codeigniter4 has a set of requirements in order to ron smoothly in specific environment. Please see requirements section in Codeigniter4 documentation.

Metronic similarly uses additional plugins and frameworks, so ensure You have Composer and Node installed on Your machine.

Assuming your machine meets all requirements - let's process to installation of Pick Codeigniter4 integration (skeleton).

  1. Open in cmd or terminal app and navigate to this folder

  2. Run following commands

    composer install

    For Windows command line tool use copy command. For unix style - cp.

    php spark serve

  3. And navigate to generated server url http://localhost:8080/

For more information about the Codeigniter 4 installation, check out on this link https://codeigniter4.github.io/userguide/installation/installing_composer.html

For compile scss file run following command:

gulp

Structure

We have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, view file struture and js.

File & Folder Structure


├── Pick-Admin main folder
├── public/dist/css/
│   └── All css files.
├── public/dist/vendors/Bootstrap/
│   └── All Bootstrap files including css & js files
├── public/dist/images/
│   └── All images
├── public/dist/vendors/font-awesome/
│   └── Font-awesome icon fonts pack
└── public/dist/js/
    └── All Javascripts files
└── assets/sass/
    └── All Sass files
└── app/Views/
    └── All Route View File

CSS

This template using the lot of css files, some of are from third parties. The main css files are bootstrap, style.css, font-awesome, these files are using into all html files and must be included to work it properly.

Files are explained below:

File Description
bootstrap.css Pick-Admin uses the bootstrap v4.4.1. The core bootstrap file is being used in all the pages.
Font-awesome.css This file is using for the icon fonts
main.css We are using the single css file for this template, this file is main css file of this template.

Javascript

Pick-Admin uses jQuery, Bootstrap JS framework(at its core) and some of the third-party plugins. There are may more third party plugin which you can use according to your needs. The css is already containing matching style for these plugins so you will not need to do anything around it.

Files are explained below:

File Description
jquery.js, bootstrap.js, , etc. These files are used at core of the theme.
app.js You can use this file for add any jquery scripts

Configuration

Configuration layout from app/views/layouts/*.php has all the respective class and their styling and positioning values.

Class for Menu layout and light and dark mode


Light Mode

  • Light Mode - No need to add class to body
  • Horizontal Menu - add class horizontal-menu to layout body
  • Compact Menu - add class compact-menu to layout body

Dark Mode

  • Dark Mode - add class dark to layout body
  • Horizontal Menu - add class horizontal-menu to layout body
  • Compact Menu - add class compact-menu to layout body

Customization

Configuration menu from app/views/layouts/menu.php file.

                                       
                                            <ul id="side-menu" class="sidebar-menu">
                                                 <li class="dropdown"><a href="#"><i class="icon-home mr-1"></i> Dashboard</a>                  
                                                    <ul>
                                                        <li><a href="<?php echo site_url('/');?>"><i class="icon-rocket"></i> Dashboard</a></li>
                                                        <li><a href="<?php echo site_url('/account');?>"><i class="icon-layers"></i> Account</a></li>
                                                        <li><a href="<?php echo site_url('/analytic');?>"><i class="icon-grid"></i> Analytic</a></li>
                                                        <li><a href="<?php echo site_url('/covid');?>"><i class="icon-earphones"></i> COVID</a></li>
                                                        <li><a href="<?php echo site_url('/crypto');?>"><i class="icon-support"></i> Crypto</a></li>
                                                        <li><a href="<?php echo site_url('/ecommerce');?>"><i class="icon-briefcase"></i> Ecommerce</a></li>
                                                    </ul>
                                                </li>
                                            </ul>

Route Content in app/views/*/*.php file.

                                       
          <?= $this->section('content') ?>
         
                <!-- START: Breadcrumbs-->
                 <div class="row">
                    <div class="col-12  align-self-center">
                    </div>
                </div>
                <!-- END: Breadcrumbs-->

                <!-- START: Card Data-->
                <div class="row">
                    <div class="col-12  mt-3">
                        <div class="card">
                            <div class="card-content">
                            </div>
                        </div>
                    </div>
                </div>
                 <!-- END: Card DATA-->
            
       <?= $this->endSection() ?>

Credits & Official Documentation

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

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.

Stay Awesome!

- psd2allconversion

Copyright © 2020 Pick-Admin.