Yamm3

WebJar for Yamm3

License	MIT
Categories	Github Development Tools Version Controls
GroupId	org.webjars.bower
ArtifactId	github-com-geedmo-yamm3
Last Version	1.1.0
Release Date	Aug 30, 2016
Type	jar
Description	Yamm3 WebJar for Yamm3
Project URL	http://webjars.org
Source Code Management	https://github.com/geedmo/yamm3

Download github-com-geedmo-yamm3

Filename	Size
github-com-geedmo-yamm3-1.1.0.pom
github-com-geedmo-yamm3-1.1.0.jar	810 KB
github-com-geedmo-yamm3-1.1.0-sources.jar	22 bytes
github-com-geedmo-yamm3-1.1.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-geedmo-yamm3/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-geedmo-yamm3</artifactId>
    <version>1.1.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/github-com-geedmo-yamm3/
implementation 'org.webjars.bower:github-com-geedmo-yamm3:1.1.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/github-com-geedmo-yamm3/
implementation ("org.webjars.bower:github-com-geedmo-yamm3:1.1.0")

Apache Buildr

'org.webjars.bower:github-com-geedmo-yamm3:jar:1.1.0'

Apache Ivy

<dependency org="org.webjars.bower" name="github-com-geedmo-yamm3" rev="1.1.0">
  <artifact name="github-com-geedmo-yamm3" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='github-com-geedmo-yamm3', version='1.1.0')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "github-com-geedmo-yamm3" % "1.1.0"

Leiningen

[org.webjars.bower/github-com-geedmo-yamm3 "1.1.0"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bower : bootstrap	jar	[3.0.0,)

Project Modules

There are no modules declared in this project.

Yamm

This is Yet another megamenu for Bootstrap 3 from Twitter.

Lightweight and pure CSS megamenu that uses the standard navbar markup and the fluid grid system classes from Bootstrap 3. Work for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.

Demo

Here you can find Yamm for Bootstrap 4

Install with npm

npm install @geedmo/yamm3 --save

Install with bower

bower install yamm3 --save

Install via composer

{
    "require": {
        "geedmo/yamm3": "dev-master"
    }
}

Markup

1. Reuse navbar markup and add class .yamm at the top.

2. Then add your markup into the .dropdown-menu

3. Optionally use .yamm-content to wrap content with padding.

Example

<nav class="navbar yamm navbar-default " role="navigation">
    ...
    <ul class="nav navbar-nav">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
            <ul class="dropdown-menu">
                <li>
                    <div class="yamm-content">
                    <div class="row">
                        ...
                </li>
            </ul>
        </li>
    </ul>
    ...
</nav>

Fullwidth

By default every mega-dropdown will take the content size so is possible to use add .yamm-fw to .dropdown to expand it fullwidth. Yamm works better with fullwidth menus.

Example

<nav class="navbar yamm navbar-default " role="navigation">
...
     <ul class="nav navbar-nav">
       <li class="dropdown yamm-fw">
             ...
       </li>
     </ul>
...
</nav>

Javascript

If necessary, this code will prevent unexpected menu close when using some components (like accordion, forms, etc)

$(document).on('click', '.yamm .dropdown-menu', function(e) {
   e.stopPropagation()
})

AngularJS

Check it at hjzheng/angular-mega-menu

Bugs and feature requests

Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Compile

Run the following commands in the repository folder

• npm install
• gulp

To compile yamm with demo

• gulp demo

License

• Licenced under MIT - details here

Sponsored content

  

Versions

Version
1.1.0 Aug 30, 2016