Announcement of a new version of the Metro UI CSS

[olton]

The new version (1.0) will be available in the next 2 weeks.

In new version:

• refactoring and optimization of code
• multi level dropdown menu
• new type of menus
• all windows 8 main colors (45)
• specific background colors (21) for tiles container with special outline color for tile
• all javascript plugins as jquery.widget
• new size of tile
• If possible, all issues will be considered
• .....
• input file

[romitzie]

Can't wait to get the new version!

[emirpalm]

Can't wait to get the new version!

[tobiodeyemi]

Could you add support for IE7-9 with IE7/8/9.js or HTML5shiv?
And possibly add something like the flipping tiles here in 1.1?

[olton]

in the styles used pseudo-classes, so support for browsers that do not know how to work with pseudo-classes will not.

[olton]

small demo for new version:
http://modernui.org.ua/forms.html
http://modernui.org.ua/carousel.html

[artdude543]

Is the new CSS on the develop branch or its not on github yet?

[olton]

new CSS currently only on my local computer :)

[olton]

http://modernui.org.ua/buttons.html
http://modernui.org.ua/global.html
http://modernui.org.ua/tables.html
http://modernui.org.ua/icons.html

[olton]

Styles will be rewrite by 90%

[artdude543]

Ahh okies I'll wait :) Also quick question I am designing a site using the current version will I be able to upgrade to the new one without any issues or will I need to re-build my site around the new css?

[olton]

Need very small changes. Example color classes. Old name bg-color-, new bg-

[artdude543]

Okay thats fine :) Can't wait for the new one looks awesome so far!

[Kation]

I think button in Toolbar groups should have 0 margin.
And is there have a dropdown button in toolbar?

[JohnArcher]

You really know how to tease us, @olton ! :-) Really looking forward to it!

[spoolersub]

Excited for the new version!

I would like to see a tile scaling feature. On lower resolution monitors (such as 1024x768 or 1366x768) the tiles are too big, requiring the user to scroll too much to find what they need.

[tobiodeyemi]

I think there should be a drop shadow under the window (here)[http://modernui.org.ua/]

[agray]

How far away are we from the new version?

[olton]

i'am working, working,.... week or one and a half, a lot of the main current job

[agray]

Thanks olton.

Understand your current time constraints. No rush. Just interested in progress.

Cheers,

Andrew

[spoolersub]

I keep checking back every day. Looking forward to v1.0!

[olton]

http://modernui.org.ua/times.html

[mermonkey]

👍

[olton]

http://modernui.org.ua/images.html

[olton]

http://modernui.org.ua/menus.html

[agray]

@olton These new elements look great.

Any update on when the new release will be out.

We are all waiting with bated breath.

Cheers,

Andrew

[olton]

http://modernui.org.ua/tab-control.html

[ApeRunner]

Great Olton!

[agray]

Just communicating that at 8:30pm on Thursday night in Melbourne http://metroui.org.ua/ is reporting as being down. Is it just me that has an issue or are others experiencing this too?

[olton]

updated times and countdown widgets (http://modernui.org.ua/times.html)

[olton]

updated Lists http://modernui.org.ua/lists.html
created TreeView http://modernui.org.ua/treeview.html

[olton]

updated progress-bar http://modernui.org.ua/progress-bar.html

[olton]

added prototype for Notify http://modernui.org.ua/notify.html

[artdude543]

Ooo the notify I have so many ideas for usage :D

[olton]

updated Notify docs

[olton]

for those who can not wait :)
http://modernui.org.ua/files/Metro-UI-CSS-2.0-Preview.zip

this is a preview version without responsive module

[artdude543]

When do you think the responsive module will be done?

[olton]

May be two weeks

[olton]

updated Zip. include icon-font

[olton]

http://modernui.org.ua/fluent-menu.html

[olton]

updated docs for fluent (ribbon) menu http://modernui.org.ua/fluent-menu.html

[olton]

added ribbed mixin http://modernui.org.ua/global.html

[olton]

added touch support to slider http://modernui.org.ua/slider.html

[olton]

added touch support to dialog with draggable option http://modernui.org.ua/dialog.html

[olton]

Add hint plugin http://modernui.org.ua/hint.html This is a prototype and can be rewrited.

[olton]

updated Hint plugin

[bryanbabel]

@olton the fluent menu has a higher z-index than the top navigation bar itself. scroll down the page and see it.

[olton]

@bryanbabel Thanks, fixed

[bryanbabel]

@olton the input-control plugin has a bit of an issue. When the width of the text box is reduced, the btn-reveal and the btn-clear go out of the text box. Try it

[olton]

What is reduced? Example?

[uksus70]

Hi.

I just cannot realize how to use nuget package for 2.0. After installation the package had appeared in the packages folder but there is nothing changed in my web project. Should I link styles from packages folder into my web project by hand?

[bryanbabel]

@olton check the position of the btn-clear in the following image. This is after i set the class of the text-box to span4

[olton]

@bryanbabel source code please

[olton]

please create issues for 2.0 in Metro-bootstrap 2.0 Preview milestone

[bryanbabel]

I like the way it is responsive, I've tried it on my phone,tab and the huge desktop at home, it's just wonderful

[bryanbabel]

@olton hey Sergey, I noticed that the issue i mentioned earlier about the input-control, concerning the btn-reveal and btn-clear, has something to do with the width of the parent element. If the text-box is a child of, say a <td> element, the btn-clear or btn-reveal, will align themselves to the extreem right of the parent element and not the text-box itself.

[olton]

@bryanbabel in docs written: for " input text" parent Is div.input-control.text

[bryanbabel]

@olton hey sergey, have you finished on the responsive API? My friends and I are doing a test project with your bootstrap. Its been amazing so far

[JohnMay123]

@olton
I've just downloaded the ui and try the btn-reveal and btn-clear on the "forms" example you provided, it doesn't work and keeps reloading, I tried it on both my chrome and firefox, currently I'm using the latest version of those browsers n using the latest XAMPP. Please, could you tell me what's wrong ? Thanks.