Free Bootstrap 4 admin/dashboard template

  • By Pratik Borsadiya
  • Last update: Dec 15, 2022
  • Comments: 17

Vali Admin

vali-admin

npm version

Vali is a free, modular and easy to customize admin theme built using Bootstrap 4, SASS and Pug.js.

Getting started

Run a npm install command in project root directory to install and build dependencies. If you don't want to edit theme you can use the compiled files inside docs folder.

Use npm run dev command to watch and compile source files.

Use npm run build command to compile all source files.

Use npm run start command to start a development server using NodeJs.

Note:

  • The NodeJs server mentioned in npm run start command is for development purpose only. DONOT use it as a production server.

Customization

For more information about customizing theme colors please follow the official documentation.

RTL Support

Please follow the official documentation to enable RTL support.

Contributing

Please take a look at contributing guidelines if you are considering contributing to the repository.

Contributors

License

This project is licensed under the MIT License

Github

https://github.com/pratikborsadiya/vali-admin

Comments(17)

  • 1

    Issue on hovering mouse on the sidebar mini

    Issue description I do want to automatically hide sidebar (displaying only icon) when loading the page I have been using on the blank page template. The issue I found was that it actually hided when I set to . Unfortunately, it doesn't display sub menu when I hover mouse on such sub menu. Could you please teach me how to automatically set hiding sidebar (displaying only icon) when loading the page?

    Expected behaviour I wanna see the hidden sub menu with only icons while loading the page and also display sub menu when I hover mouse on the icon.

    Thank you very much indeed. I would appreciate for your answering. Email : [email protected]

  • 2

    Update Bootstrap to 4.1.0 + Update FontAwesome to 5.0.12

    I suspect this will need a bit more testing, but I have been using this Bootstrap template at work and looking at using it for some side projects.

    I have done the following:

    • Update FontAwesome to 5.0.12
    • Remove deprecated .text-hide mixin scenario
    • Update some npm packages
    • Fix up usage of FontAwesome fonts across all pug and scss files

    If something doesn't seem right, let me know and I can look at fixing any issues from the upgrade

  • 3

    How to remove animation on IE11

    Issue description vali-admin is pretty,but i want to remove animation for IE11,don't need the animation in IE11.what should i do?thanks!

    Steps to reproduce (if you knew)

    Expected behaviour

    Other Note (feature-request, question, etc...)

  • 4

    Add Dropzone JS

    I have added Dropzone JS plugin for dropping files to upload. I followed the guidelines this time. If this PR is accepted, I will be adding more plugins and tools for custom forms.

  • 5

    Changing color theme

    How can I change the color theme from primary color to any of the other colors on the color palette (e.g. purple or green ) like is shown in some of the screenshots?

  • 6

    To enable RTL support

    Can you explain in a simpler way

    Uncomment this line @import '3-component/rtl'; in src/sass/main.scss. Add dir="rtl" attribute to tag in src/pug/layouts/_layout.pug. Build the source files using npm run build command.

    thanks

  • 7

    Adding a 3rd level dropdown to the sidebar menu

    Issue description Hi there! Is there any way, to change the sidebar menu from 2nd to 3rd dropdown? I tryed with this code, but its not working, because when i click the "Akciós árak eltávolítása" link, it closes all the menu.

    <li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-cogs"></i><span class="app-menu__label">További modulok</span><i class="treeview-indicator fa fa-angle-right"></i></a>
          <ul class="treeview-menu">
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/admin-felhasznalok.php">Admin felhasználók</a></li>
            <li class="dropdown-submenu">
            	<a class="app-menu__item" href="#" data-toggle="treeview"><span class="">Akciós árak eltávolítása <span class="caret"></span></span></a>
                <ul class="treeview-menu">
                	<li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/akcio-eltavolit-gyarto-szerint.php">Gyártó szerint</a></li>
					<li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/akcio-eltavolit-kategoria-szerint.php">Kategória szerint</a></li>
                	<li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/akcio-eltavolit-osszes-termek.php">Összes termék</a></li>
                </ul>
            </li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/beerkezett-uzenetek.php">Beérkezett üzenetek</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/fo-menupontok.php">Fő menüpontok</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/egyedi-szoveges-aloldalak.php">Egyedi szöveges aloldalak</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/hibabejelentesek.php">Hibabejelentések</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/hirek.php">Hírek</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/kerdesek.php">Kérdések</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/kepek-a-lablecben.php">Képek a láblécben</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/konfiguracio.php">Konfiguráció</a></li>
            <li><a class="treeview-item" href="<?php echo $host; ?>/<?php echo $admin_folder; ?>/webaruhaz-elonyok.php">Webáruház előnyök</a></li>
          </ul>
        </li>
  • 8

    sidebar is not visible and content not fit on a samsung galaxy tab s2

    Issue description I tested on Firefox 58.0.1 and Chrome Version 63.0.3239.111

    Steps to reproduce (if you knew)

    1.- Open a web browser on a Galaxy Tab S2. 2.- Go to http://pratikborsadiya.in/vali-admin/

    Expected behaviour Content fit and siderbar visible

    Other Note (feature-request, question, etc...)

    screenshot_20180209-113054

  • 9

    Overall color matching

    Issue description Your GitHub shows several colors How to modify it, please!

    Steps to reproduce (if you knew)

    Expected behaviour

    Other Note (feature-request, question, etc...)

  • 10

    Font Awesome Include ? (question)

    Hi Pratik, I have just downloaded your awesome template and even if I have never used pug it seems it's quite easy to use and learn. I have a question about external libs or "compiled/raw" files. on _head.pug you're using font-awesome ('cause bootstrap needs them) so you're taking them from classic CDN url (https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css). What should I do if I don't want to rely on that site ? Is it possible for me to include minified files (or whatever i need to add) somewhere so they're compiled/copied in the docs dir during generation ? I just need a dir where I can copy them in order to keep original content and having them copied during the build process

    btw: you're doing a really good job with it

    Thanks in advance Ben

  • 11

    Styles for active child items

    Hi. Theme is really great! One thing which I would like to have - is some styles for active child items in submenus in side menu. I can style it, but not as good as other theme :)

  • 12

    Bump qs from 6.5.2 to 6.5.3

    Bumps qs from 6.5.2 to 6.5.3.

    Changelog

    Sourced from qs's changelog.

    6.5.3

    • [Fix] parse: ignore __proto__ keys (#428)
    • [Fix] utils.merge`: avoid a crash with a null target and a truthy non-array source
    • [Fix] correctly parse nested arrays
    • [Fix] stringify: fix a crash with strictNullHandling and a custom filter/serializeDate (#279)
    • [Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided
    • [Fix] when parseArrays is false, properly handle keys ending in []
    • [Fix] fix for an impossible situation: when the formatter is called with a non-string value
    • [Fix] utils.merge: avoid a crash with a null target and an array source
    • [Refactor] utils: reduce observable [[Get]]s
    • [Refactor] use cached Array.isArray
    • [Refactor] stringify: Avoid arr = arr.concat(...), push to the existing instance (#269)
    • [Refactor] parse: only need to reassign the var once
    • [Robustness] stringify: avoid relying on a global undefined (#427)
    • [readme] remove travis badge; add github actions/codecov badges; update URLs
    • [Docs] Clean up license text so it’s properly detected as BSD-3-Clause
    • [Docs] Clarify the need for "arrayLimit" option
    • [meta] fix README.md (#399)
    • [meta] add FUNDING.yml
    • [actions] backport actions from main
    • [Tests] always use String(x) over x.toString()
    • [Tests] remove nonexistent tape option
    • [Dev Deps] backport from main
    Commits
    • 298bfa5 v6.5.3
    • ed0f5dc [Fix] parse: ignore __proto__ keys (#428)
    • 691e739 [Robustness] stringify: avoid relying on a global undefined (#427)
    • 1072d57 [readme] remove travis badge; add github actions/codecov badges; update URLs
    • 12ac1c4 [meta] fix README.md (#399)
    • 0338716 [actions] backport actions from main
    • 5639c20 Clean up license text so it’s properly detected as BSD-3-Clause
    • 51b8a0b add FUNDING.yml
    • 45f6759 [Fix] fix for an impossible situation: when the formatter is called with a no...
    • f814a7f [Dev Deps] backport from main
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 13

    Bump grunt from 1.0.4 to 1.5.3

    Bumps grunt from 1.0.4 to 1.5.3.

    Release notes

    Sourced from grunt's releases.

    v1.5.3

    • Merge pull request #1745 from gruntjs/fix-copy-op 572d79b
    • Patch up race condition in symlink copying. 58016ff
    • Merge pull request #1746 from JamieSlome/patch-1 0749e1d
    • Create SECURITY.md 69b7c50

    https://github.com/gruntjs/grunt/compare/v1.5.2...v1.5.3

    v1.5.2

    • Update Changelog 7f15fd5
    • Merge pull request #1743 from gruntjs/cleanup-link b0ec6e1
    • Clean up link handling 433f91b

    https://github.com/gruntjs/grunt/compare/v1.5.1...v1.5.2

    v1.5.1

    • Merge pull request #1742 from gruntjs/update-symlink-test ad22608
    • Fix symlink test 0652305

    https://github.com/gruntjs/grunt/compare/v1.5.0...v1.5.1

    v1.5.0

    • Updated changelog b2b2c2b
    • Merge pull request #1740 from gruntjs/update-deps-22-10 3eda6ae
    • Update testing matrix 47d32de
    • More updates 2e9161c
    • Remove console log 04b960e
    • Update dependencies, tests... aad3d45
    • Merge pull request #1736 from justlep/main fdc7056
    • support .cjs extension e35fe54

    https://github.com/gruntjs/grunt/compare/v1.4.1...v1.5.0

    v1.4.1

    • Update Changelog e7625e5
    • Merge pull request #1731 from gruntjs/update-options 5d67e34
    • Fix ci install d13bf88
    • Switch to Actions 08896ae
    • Update grunt-known-options eee0673
    • Add note about a breaking change 1b6e288

    https://github.com/gruntjs/grunt/compare/v1.4.0...v1.4.1

    v1.4.0

    • Merge pull request #1728 from gruntjs/update-deps-changelog 63b2e89
    • Update changelog and util dep 106ed17
    • Merge pull request #1727 from gruntjs/update-deps-apr 49de70b
    • Update CLI and nodeunit 47cf8b6
    • Merge pull request #1722 from gruntjs/update-through e86db1c
    • Update deps 4952368

    ... (truncated)

    Changelog

    Sourced from grunt's changelog.

    v1.5.3 date: 2022-04-23 changes: - Patch up race condition in symlink copying. v1.5.2 date: 2022-04-12 changes: - Unlink symlinks when copy destination is a symlink. v1.5.1 date: 2022-04-11 changes: - Fixed symlink destination handling. v1.5.0 date: 2022-04-10 changes: - Updated dependencies. - Add symlink handling for copying files. v1.4.1 date: 2021-05-24 changes: - Fix --preload option to be a known option - Switch to GitHub Actions v1.4.0 date: 2021-04-21 changes: - Security fixes in production and dev dependencies - Liftup/Liftoff upgrade breaking change. Update your scripts to use --preload instead of --require. Ref: https://github.com/js-cli/js-liftoff/commit/e7a969d6706e730d90abb4e24d3cb4d3bce06ddb. v1.3.0 date: 2020-08-18 changes: - Switch to use safeLoad for loading YML files via file.readYAML. - Upgrade legacy-log to ~3.0.0. - Upgrade legacy-util to ~2.0.0. v1.2.1 date: 2020-07-07 changes: - Remove path-is-absolute dependency. (PR: gruntjs/grunt#1715) v1.2.0 date: 2020-07-03 changes: - Allow usage of grunt plugins that are located in any location that is visible to Node.js and NPM, instead of node_modules directly inside package that have a dev dependency to these plugins. (PR: gruntjs/grunt#1677) - Removed coffeescript from dependencies. To ease transition, if coffeescript is still around, Grunt will attempt to load it. If it is not, and the user loads a CoffeeScript file, Grunt will print a useful error indicating that the coffeescript package should be installed as a dev dependency.

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 14

    Update and rename _notify.sass to _notify.scss

    Pull Request Guidelines

    Please, go through these steps before you submit a pull request.

    1. Make sure that your pull request is not a duplicate.

    2. If not, then make sure that:

      2.1. You have done your changes in a separate branch. Branches MUST have descriptive names that start with either the fix/ or feature/ prefixes. Good examples are: fix/signin-issue or feature/issue-templates.

      2.2. You have a descriptive commit message with a short title (first line).

      2.2. You have created one pull request for one purpose only. Create separate branches and separate pull requests for each newly introduced feature or for each fixed issue.

      2.3. You have only one commit (if not, squash them into one commit).

    3. After these steps, you're ready to open a pull request.

      3.1. Your pull request MUST NOT target the master branch on this repository. Instead target the next version branch. For eg. If the current stable version of the theme is 2.3.1 then target the branch for the next version 2.3.2 or 3.0.0 if the next version is a major release. Your changes will be merged in master branch when the next release will happen.

      3.2. Give a descriptive title to your PR.

      3.3. Provide a description of your changes.

      3.4. Put closes #XXXX in your comment to auto-close the issue that your PR fixes.

    IMPORTANT: Please review the CONTRIBUTING.md file for detailed contributing guidelines.

    PLEASE REMOVE THIS TEMPLATE BEFORE SUBMITTING

  • 15

    Update _bootstrap-datepicker.scss

    Pull Request Guidelines

    Please, go through these steps before you submit a pull request.

    1. Make sure that your pull request is not a duplicate.

    2. If not, then make sure that:

      2.1. You have done your changes in a separate branch. Branches MUST have descriptive names that start with either the fix/ or feature/ prefixes. Good examples are: fix/signin-issue or feature/issue-templates.

      2.2. You have a descriptive commit message with a short title (first line).

      2.2. You have created one pull request for one purpose only. Create separate branches and separate pull requests for each newly introduced feature or for each fixed issue.

      2.3. You have only one commit (if not, squash them into one commit).

    3. After these steps, you're ready to open a pull request.

      3.1. Your pull request MUST NOT target the master branch on this repository. Instead target the next version branch. For eg. If the current stable version of the theme is 2.3.1 then target the branch for the next version 2.3.2 or 3.0.0 if the next version is a major release. Your changes will be merged in master branch when the next release will happen.

      3.2. Give a descriptive title to your PR.

      3.3. Provide a description of your changes.

      3.4. Put closes #XXXX in your comment to auto-close the issue that your PR fixes.

    IMPORTANT: Please review the CONTRIBUTING.md file for detailed contributing guidelines.

    PLEASE REMOVE THIS TEMPLATE BEFORE SUBMITTING

  • 16

    Bump ajv from 6.12.0 to 6.12.6

    Bumps ajv from 6.12.0 to 6.12.6.

    Release notes

    Sourced from ajv's releases.

    v6.12.6

    Fix performance issue of "url" format.

    v6.12.5

    Fix uri scheme validation (@​ChALkeR). Fix boolean schemas with strictKeywords option (#1270)

    v6.12.4

    Fix: coercion of one-item arrays to scalar that should fail validation (failing example).

    v6.12.3

    Pass schema object to processCode function Option for strictNumbers (@​issacgerges, #1128) Fixed vulnerability related to untrusted schemas (CVE-2020-15366)

    v6.12.2

    Removed post-install script

    v6.12.1

    Docs and dependency updates

    Commits
    • fe59143 6.12.6
    • d580d3e Merge pull request #1298 from ajv-validator/fix-url
    • fd36389 fix: regular expression for "url" format
    • 490e34c docs: link to v7-beta branch
    • 9cd93a1 docs: note about v7 in readme
    • 877d286 Merge pull request #1262 from b4h0-c4t/refactor-opt-object-type
    • f1c8e45 6.12.5
    • 764035e Merge branch 'ChALkeR-chalker/fix-comma'
    • 3798160 Merge branch 'chalker/fix-comma' of git://github.com/ChALkeR/ajv into ChALkeR...
    • a3c7eba Merge branch 'refactor-opt-object-type' of github.com:b4h0-c4t/ajv into refac...
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

  • 17

    Bump node-sass from 4.13.1 to 7.0.0

    Bumps node-sass from 4.13.1 to 7.0.0.

    Release notes

    Sourced from node-sass's releases.

    v7.0.0

    Breaking changes

    Features

    Dependencies

    Community

    • Remove double word "support" from documentation (@​pzrq, #3159)

    Misc

    Supported Environments

    OS Architecture Node
    Windows x86 & x64 12, 14, 16, 17
    OSX x64 12, 14, 16, 17
    Linux* x64 12, 14, 16, 17
    Alpine Linux x64 12, 14, 16, 17
    FreeBSD i386 amd64 12, 14

    *Linux support refers to major distributions like Ubuntu, and Debian

    v6.0.1

    Dependencies

    Misc

    Supported Environments

    ... (truncated)

    Changelog

    Sourced from node-sass's changelog.

    v4.14.0

    https://github.com/sass/node-sass/releases/tag/v4.14.0

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

Popular Tag

Related