ace-subido / css3-microsoft-metro-buttons Goto Github PK

Nice work!

Just an idea: I think that when clicking the dropdown button, it should not only be the small pulldown arrow that triggers the dropdown menu to appear, rather the entire button surface should trigger it. I think that's somewhat of a design consensus?

Nice work, although I am not entirely convinced that the active state gradients are what Metro's about.

I thought gradients (along with rounded corners, bevelled edges, glass, reflection and gloss effects, drop shadows, etc, are the things that Metro discards.

In any case, how can I make more colour classes easily, with the same harmonic relations on the colour wheel? It'll probably take me an hour or more to do it mathematically.

just git clone and try run dropdown example.

When try each click on "Setting" In firebug console show error message:
"elem = document.getElementById( match[2] );"

No any icons like "Edit Profile", "Logout" shown

jquery-1.8.2 and 1.8.0 also

lol 3MB

Hi there,

first of all great buttons you made here, thank you!

I'm using the buttons (without javascript) via a-class for a sharepoint 2010 application i developed at a university in germany, and (besides some css-issues with sharepoint when using the minified css-version m-styles) they're working pretty fine.
Just one thing I noticed and changed in my implementation:

For our environment, there's a need to have barrier-free "buttons" to work with, so if someone has problems with his/her eyes and can't distinguish the buttons only from their color, I added a slight padding-change to 13px 16px to active buttons. Just wanted to tell you about it, perhaps you could add a css-class or s.th. to make them barrier-free if you want.

Best regards,
Dominik

Here's an example of what I mean, please don't worry about the language. Its groargh! (german) ;)

Migrate the CSS files to use LESS.

Is there a possibility, that this plugin will be published to Bower at some time?

the one with the split-caret button works, but the other one doesnt work

note to self: try to remove banner or find ways for it to be easier for people to get onboard with/

http://ace-subido.github.com/css3-microsoft-metro-buttons/getting-started.html

Under the description of files (2. Contents):

The sixth one down s/b changed from:
m-buttons.css / m-buttons.min.css to m-icons.css / m-icons.min.css since these files are already mentioned above.

Otherwise an extraordinary effort. I am a total noob trying to build my first landing pad/countdown page and I really appreciate the extraordinary attention to good instructions and of course the package overall. Well done!

vfulco

div class="m-btn-group"
div class="m-input-append"
input name="startDate" class="m-wrap" id="startDate" type="text" size="15"

div class="m-btn-group"
a href="#" id="startDateDec" class="m-btn mini icn-only"></a
a href="#" id="startDateInc" class="m-btn mini blue-stripe icn-only"></a
/div
/div
/div

The height of this form is fixed at 20 pixel, when I would like it to be 34 pixels by default like other elements. Do you know where the problem comes from ?

The Buttons Download Link is not working

Hello,
We have just add css3 microsoft metro buttons to twittstrap resources list
http://www.twittstrap.com/resources/details/css3-microsoft-modern-buttons
Under : Base CSS
Regards

due to margin-top: 1px; from icon markup in twitter bootstrap 2.1.1

You're missing some of the new bootstrap icons, which start at 144px y position (.icon-hdd -> .icon-fullscreen).

Thanks for this project by the way, perfect timing for a project which is using the new Microsoft style.

Dropdown button example on homepage is using wrong class

i'll try and get the same CSS style for a metro-styled searchbar shown in Microsoft websites

Like win8 ?

Hi,

This is a awesome project, i like the thing you are building and the simple approach.
I grabbed my I Pad 2 and open the demo pages.
I can't click on any of the drop-down buttons on Safari and Chrome (latest versions).
It will just close the options of the button. (like I would click outside of the button)
Button dropdowns: Tools selector & Settings selector.
Can you please take a look.

Cheer!

Hey,

In the documentation page : http://ace-subido.github.com/css3-microsoft-metro-buttons/buttons.html, in the example to create large icon buttons using the big swap arrows, the code that you show contains a little mistake, it's not

<a href="#" class="m-btn bigicn-only green"><i class="m-icon-big-swapright icon-white"></i></a>

but :

<a href="#" class="m-btn bigicn-only green"><i class="m-icon-big-swapright m-icon-white"></i></a>

Missing the 'm-' !

and, thank for your work!

Can you separate normalize.css and dropdown styles from buttons.css? I'd like to only use the buttons.

Hi, the buttons is very useful! Thank a lot!

I think you can add more color in new version, like orange, yellow , brown ...etc

Now all of 5 colors are already very pretty, I hope you can make more color :)))

not aligning with example