Skip to content
Laravel Drag and Drop Menu Builder
PHP CSS Vue
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
database
publishable/assets
resources
routes
src
.gitattributes
.gitignore
LICENSE
README.md
composer.json
mix-manifest.json
package-lock.json
package.json
webpack.mix.js

README.md

Laravel Menu Builder

Laravel Menu Builder with VueJs and jQuery. Build your multi level menu within 5 minutes.

thumbnail.jpg

Demo http://demo.codexshaper.com/admin/menus

Install the Package

composer require codexshaper/laravel-menu-builder

Optional:

- If your mysql version is old then follow next steps
   * Goto `app\Providers\AppServiceProvider.php` and open it in your text editor
   * Add `use Illuminate\Support\Facades\Schema;` on top under namespace
   * Add `Schema::defaultStringLength(191);` in your boot method

Publish Resource, Configs, Migration and Seeding Database in a single command

php artisan menu:install

run php artisan serve

To check menus go to http://127.0.0.1:8000/admin/menus . You can change admin prefix from config/menu.php

How to use Menu in your site? You can choose any one from two options

Option 1:

@extends('menu::layouts.app')
@section('content')
    {{ menu('name') }}
@endsection

Option 2:

  1. Call Menu anywhere on your site by calling {{ menu('name') }} or @menu('name')
  2. Link CSS and JS if you want to use our default design
CSS: <link rel="stylesheet" type="text/css" href="{{ menu_asset('css/menu.css') }}">
JS: <script src="{{ menu_asset('js/menu.js') }}"></script> 
  1. Optional: If you don't have jQuery and bootstrap in your page then add app.css before menu.css and add app.js before menu.js
CSS: <link rel="stylesheet" type="text/css" href="{{ menu_asset('css/app.css') }}">
JS: <script src="{{ menu_asset('js/app.js') }}"></script>

Authors

  • Md Abu Ahsan Basir - Main Developer - github
  • Mahabubul Alam - Main designer - github

See also the list of contributors who participated in this project.

License

License

Thanks

  • Special Thanks to Voyager for awesome design concept
You can’t perform that action at this time.