-
Notifications
You must be signed in to change notification settings - Fork 5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
MDL Two Drawers (Left & Right) Layout #1597
Comments
This is against the Material Design spec which is why it won't be included in core. |
To Use this code you have to insert jquery path in your html file like this [http://code.jquery.com/jquery-2.2.1.min.js](use updated path).. |
Yes man, jQuery is required for the script to work ;) |
@Garbee , there's an example of this use in Rich Media Gallery filter option, that is a Google Material Design Showcase. Is it against MD spec, also? |
From https://www.google.com/design/spec/layout/structure.html#structure-side-nav
|
Thanks @tleunen , and there is any docs on how to do that in mdl? |
@heukirne You can try with the code I provided on the fiddle link. |
@VamosErik88 , I'll be glad to have the updated code. |
@heukirne I'll post you an updated fiddle link ASAP ;) |
Thanks, @VamosErik88 |
@heukirne Here's the link! |
It won't be done for 1.x. But in 2.x with abstracting the drawer into its own component this will be possible. Thanks for pointing out the specification update. Re-opening for 2.x. |
Great news, @Garbee |
Dear @VamosErik88 |
@Hamed-Zamanyad what do you exactly mean with "full text" ? You can find everything you need to start in the fiddle (https://jsfiddle.net/VamosErik88/ch8bed9q/). Do you need something in particular? |
@VamosErik88 becouse I am new in html, I can't write full of html code but it solved with copy of source code from http://view-source:http://fiddle.jshell.net/VamosErik88/HTHnW/651/show/ |
@Hamed-Zamanyad You're welcome man. You may also copy it straightly form the fiddle as you have: HTML at top-left; CSS at top-right; JS at bottom left. ;) |
@VamosErik88 Thank you |
@Hamed-Zamanyad Alright now I got it. |
@VamosErik88 Thanks again. |
Well, I didn't use that specific solution. However I suppose you have to download the zip of the repository and unpack it. There you'll find an *.html file of example which you can use as base to start working and adding your own stuff. |
@VamosErik88 Fortunately this link ( link here: https://github.com/athamid/google-material-design-lite-menu-rtl) files writer is my citizen and he try to help me. |
This issue is superseded by #4476. |
Thank you guys! Respect your work a lot, thank you @Garbee for such a wonderful work. And thank you @VamosErik88 for bringing such a useful feature. I've heard 2017-2018 would bring something new from Google, can't wait to see what direction things will take, but for now MDL is... above (and beyond:) |
I'm working on a project and really needed a layout with two drawers (left as usual for Menu; right for showing Notifications).
Since this option was not available with the default MDL Layouts components I decided to create one by my self.
Here is the result on jsFiddle: https://jsfiddle.net/VamosErik88/HTHnW/651/
Looking for you thoughts and your advice for further improvement.
The text was updated successfully, but these errors were encountered: