Adminty v2.0 documentation.
Features
What's included
-
assets/
-
css/
- component.css
- style.css
- bootstrap-editable.css
- responsive.css
- samples.css
- tm_validator.css
- tm_editable.css
- swiper.min.css
- slick-theme.css
- ...- More
-
icon/
- flag-icon.min.css
- icofont.css
- themify-icons.css
- icofont.css
- ionicons.min.css
- material-design-iconic-font.min.css
- simple-line-icons.css
- typicons.min.css
- weather-icons-wind.min.css
- weather-icons-wind.min.css
- ...- More
-
images/
- logo.png
- user.png
- other-a.png
- ...-More
-
js/
- bootstrap-growl.min.js
- animation.js
- classie.js
- color-json-common-page.js
- common-pages.js
- jquery.quicksearch.js
- modalEffects.js
- swiper-custom.js
- ...- More
-
custom Page Js/
- accordion.js
- ace-editor.js
- advance-form.js
- animation.js
- button-fab.js
- ...-More
- Default.html
- Ecommerce.html
- CRN.html
- Analytics.html
- Project.html
-
css/
Docs file hierarchy
- assets/css -
All plugins stylesheet cover under css/ folder
- style.css - Mash able custom made css must required for all the files
- component.css - responsive layout included media queries
- ...more - more css files listed under css folder
- assets/icon -
Internal Icon font's required stylesheet and font cover under icon/ folder
- flag-icon.css
- icofont.css
- themify.css
- ico-fonts.css
- ion-icon.css
- material-design.css
- simple-line-icons.css
- ....more
- assets/images -
Required images cover under images/ folder
- logo.png
- user.png
- ...more
- assets/js -
Adminty required javascript files cover under js/ folder
- animation.js
- bootstrap-growl.min.js
- classie.min.js
- modalEffects.min.js
- rating.js
- ...more
- assets/pages
Page wise custom javascript cover under pages/ folder.
- accordion.js
- advance-form.js
- animation.js
- ...more
- assets/plugins -
Adminty custom plugins javascript cover under plugins/ folder
- ace-editor.css
- ...more
- index.html - quis cum ratione laboriosam ducimus iure voluptates quaerat si
- dashboard-ecommerce.html - omnis ipsa quas vel alias illum nostrum deleniti officiis
- dashboard-crm.html - libero et id laborum laboriosam dignissimos a! cum molestia
- Project.html - libero et id laborum laboriosam dignissimos a! cum molestia
- Analytics.html - libero et id laborum laboriosam dignissimos a! cum molestia
- ... - Entire files comes under root/ folder
Default Page Layout
Adminty- Comman page layout structure
Adminty comes with 11+ different pages layout where template's sidebar menu change everytime. Below is the default page layout of Adminty admin template.
Bower Install
Bower Information
Please note that all detail about Bower visit official main website - bower.io
You also must install "Bower Installer" for - Tool for installing bower dependencies that won't include entire repos. Although Bower works great as a light-weight tool to quickly install browser dependencies, it currently does not provide much functionality for installing specific "built" components for the client. Visit Github for more detail
Bower Install
copy
<!-- Bower Install -->
$ npm install -g bower
<!--After Install Bower - Required to Install "Bower Installer" -->
<!--Install bower-installer by executing -->
$ npm install -g bower-installer
<!--From the terminal in the same directory as your bower.json file, enter:-->
$ bower-installer
<!-- After above command it will run bower.json file and all bower components copy into "build" folder-->
SCSS
SCSS Basics
Please note that all Detail main Web Site.. Click Here..
SCSS files
copy
<!-- Variables SCSS Syntax -->
$font-stack: Helvetica, sans-serif;
$primary-color: #333;
body {
font: 100% $font-stack;
color: $primary-color;
}
<!-- Nesting SCSS Syntax -->
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
display: block;
padding: 6px 12px;
text-decoration: none;
}
}
Css files
copy
<!-- Nesting CSS Syntax -->
body {
font: 100% Helvetica, sans-serif;
color: #333;
}
<!-- Nesting CSS Syntax -->
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
}
nav a {
display: block;
padding: 6px 12px;
text-decoration: none;
}
CSS Classes Reference
Extra small devices Portrait phones (<544px) | Small devices Landscape phones (≥544px - <768px) | Medium devices Tablets (≥768px - <992px) | Large devices Desktops (≥992px - <1200px) | Extra large devices Desktops (≥1200px) | |
---|---|---|---|---|---|
.hidden-xs-down |
Hidden | Visible | Visible | Visible | Visible |
.hidden-sm-down |
Hidden | Hidden | Visible | Visible | Visible |
.hidden-md-down |
Hidden | Hidden | Hidden | Visible | Visible |
.hidden-lg-down |
Hidden | Hidden | Hidden | Hidden | Visible |
.hidden-xl-down |
Hidden | Hidden | Hidden | Hidden | Hidden |
.hidden-xs-up |
Hidden | Hidden | Hidden | Hidden | Hidden |
.hidden-sm-up |
Visible | Hidden | Hidden | Hidden | Hidden |
.hidden-md-up |
Visible | Visible | Hidden | Hidden | Hidden |
.hidden-lg-up |
Visible | Visible | Visible | Hidden | Hidden |
.hidden-xl-up |
Visible | Visible | Visible | Visible | Hidden |
Plugins
Plugins Name | Plugins page use | Plugins css | customize js | Link |
---|---|---|---|---|
Ace-editor | ace-editor.html | ____ | ____ | View Resource |
Animation | animation.html | style.css | assets/pages/animation.js | View Resource |
Calender | full-calender.html | fullcalendar.css | assets/pages/animation.js | View Resource |
Charts | chartjs.html | c3.css | chart-chartjs.js | View Resource |
Ck-Editor | ck-editor.html | editor.css | assets/pages/ckeditor-custom.js | View Resource |
Color-Picker | form-elements-advance.html | spectrum.css | assets/pages/advance-form.js | View Resource |
Count Down | coming-soon.html | ___ | assets/pages/countdown.js | View Resource |
Data-Table | data-table.html | buttons.dataTables.min.css | assets/pages/data-table.js | View Resource |
Date Picker | form-elements-advance.html | bootstrap-material-datetimepicker.css | assets/pages/advance-form.js | View Resource |
E-Charts | echart.html | assets/pages/echart.js | View Resource | |
Edit-Table | editable-table.html | ____ | assets/pages/editable.js | View Resource |
File-Upload | file-upload.html | dropzone.css | __ | View Resource |
Foo-Table | foo-table.html | footable.standalone.min.css | assets/pages/foo-table.js | View Resource |
Form-Mask | form-mask.html | __ | assets/pages/form-mask.js | View Resource |
Forms-Wizard-Validation | forms-validation.html | jquery.steps.css | assets/pages/form-validation.js | View Resource |
Gallery | gallery.html | lightgallery.css | assets/pages/gallery.js | View Resource |
Grid Stack | gridstack.html | __ | assets/pages/gridstack.js | View Resource |
High lighter | All Pages | shThemeDefault.css | assets/pages/gridstack.js | View Resource |
Image-Crop | image-cropper.html | cropper.css | assets/pages/croper.js | View Resource |
Isotope | landing-page.html | __ | assets/pages/landing-page.js | View Resource |
Jq Pagination | other.html | jqpagination.css | assets/pages/other.js | View Resource |
Jquery-Fab | button-fab.html | jquery-fab.css | assets/pages/button-fab.js | View Resource |
Light-Box | gallery.html | lightbox.css | assets/pages/gallery.js | View Resource |
Light-Box2 | gallery.html | lightbox.css | assets/pages/gallery.js | View Resource |
list | list.html | __ | assets/pages/list-custom.js | View Resource |
List-Scroll | list.html | stroll.css | assets/pages/list-custom.js | View Resource |
Map-Google | map-google.html | __ | assets/pages/google-maps.js | View Resource |
Map-Vector | map-vector.html | jquery-jvectormap.css | assets/pages/map-vector.js | View Resource |
Max-length | form-elements-advance.html | __ | assets/pages/advance-form.js | View Resource |
Modal | modal.html | component.css | assets/pages/modal.js | View Resource |
Multi-select | form-elements-advance.html | bootstrap-multiselect.css | assets/pages/advance-form.js | View Resource |
Nestable | nestable.html | nestable.css | assets/pages/nestable.js | View Resource |
Notification | notification.html | notification.css | assets/pages/notification.js | View Resource |
Pricing | pricing.html | style.css | __ | View Resource |
Radial | pricing.html | style.css | __ | View Resource |
Range-Slider | range-slider.html | bootstrap-slider.css | assets/pages/range-slider.js | View Resource |
Rating | rating.html | rating.css | __ | View Resource |
Responsive-Table | responsive-table.html | rwd-table.min.css | __ | View Resource |
Search | responsive-table.html | rwd-table.min.css | assets/js/main.js | View Resource |
Select2 | form-elements-advance.html | select2.min.css | assets/pages/advance-form.js | View Resource |
Slim Scroll | menu.html | __ | assets/js/menu.js | View Resource |
Sortable | draggable.html | __ | assets/js/menu.js | View Resource |
Sticky | sticky.html | jquery.postitall.css | assets/pages/sticky.js | View Resource |
Summer Note | email.html | summernote.css | __ | View Resource |
Summer Note | email.html | summernote.css | __ | View Resource |
Sweet Alert | modal.html | sweetalert.css | assets/pages/modal.js | View Resource |
Switchery | form-elements-advance.html | switchery.min.css | assets/pages/advance-form.js | View Resource |
Tags | form-elements-advanc.html | bootstrap-tagsinput.css | assets/pages/advance-form.js | View Resource |
Task-Detail | task-detailed.html | __ | assets/pages/task-detail.js | View Resource |
TimeLine | timeline.html | style.css | __ | View Resource |
Todo | todo.html | __ | assets/plugins/todo/js/todo.js | View Resource |
Tour | tour.html | enjoyhint.css | assets/pages/tour.js | View Resource |
Tree-View | treeview.html | treeview.css | __ | View Resource |
Waves | button.html | waves.min.css | __ | View Resource |
Wysiwyg-Editor | wysiwyg-editor.html | __ | assets/pages/wysiwyg-editor.js | View Resource |
X-Editable | x-editable.html | __ | assets/pages/xeditable.js | View Resource |
Browser support
Specifically, we support the latest versions of the following browsers and platforms. On Windows, we support Internet Explorer 9+. More specific support information is provided below.
-
Chrome
-
Safari
-
Opera
-
FireFox
-
IE 9+
FAQ
Begin typing your question. If we don't have an answer for it in our FAQ, please leave us a message on our contact page.
-
What is Adminty?
Adminty is responsive admin template/dashboard which useful for your complete entire projects like CRM system - Task System - User Management System - Social Dashboard etc. Without any trouble Adminty gives the perfect outcome with tons of ready made plugins which helps you at every step while creating any project. -
Why chooseAdminty?
Adminty built using bootstrap's latest version 5 which have complete compatibility on bootstrap5. It is fully crafted for every one's need and its fullfilled those need too. Tons of Plugins, Forms, Charts, Tables, Custom Pages gives extra smoothness in project. -
Licence terms?
Adminty comes with single license usage and support for every single purchase. If you want to use Adminty for multiple project you must buy the extra licence for that. -
What about Item Support?
We only support those purchaser who purchased Adminty. 6 months included support comes with every single purchase of Adminty. -
What is Support Turnaround time ?
When you comment or submit the ticket for support. Our team takes it very seriously and respond it within a Half or Full day. -
How i rate the Adminty ?
It just a simple. Go to your account. Then check your download section where you found Adminty Template. Click on start ratings. Simple !!!