Metro UI CSS Versions Save

Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!

4.5.8

6 months ago

Embed icon font into css as base64

v4.5.7

6 months ago

upd pathes in mif-base.less

v4.5.6

6 months ago

Minor fixes and improves, split precompiled css to metro.css and icons.css.

4.5.5

6 months ago

Fixed loading icon font.

4.5.4

6 months ago

Fixed build order, issue for outline button.

4.5.3

6 months ago

4.5.2

6 months ago

4.5.1

1 year ago

4.5.1

  • Donut: fixed method setColor({...})
  • Checkbox Three State: added new component with role checkbox-three-state
  • Media: added sizes xxxl: 1600px, xxxxl: 1800px, xxxxxl: 2000px
  • Grid: added cells cell-xxxl-*, cell-xxxxl-*, cell-xxxxxl-*, cell-*-fifth (20%), cell-*-one-fifth (20%), cell-*-two-fifth (40%), cell-*-three-fifth (60%), cell-*-four-fifth (80%)
  • Table: fixed creating head from html
  • Table: added placeholder for search input with table-search-placeholder attribute
  • Countdown: fixed method reset()
  • Countdown: added method resetWith(str|obj)
  • Tabs: added events onTabOpen, onTabClose
  • Tabs: to events onTab, onTabOpen, onTabClose added second argument target. Value for it child a.href value
  • Tabs: added attribute data-update-uri="true|false" (default false). If true url hash will update with tab target value
  • Tabs: added method openByTarget("#...")

4.5.0

2 years ago

4.5.0

  • Tabs Material: fixed jump to the anchors, issue #1794
  • Table: fixed create Instpector when table data loaded with method loadData(), issue #1796
  • Tabs Material: added mouse wheel support for scrolling tabs, issue #1795
  • Select: added event data-on-clear, fixed firing event data-on-change when user click on the clear button, issue #1802
  • Switch: fixed method toggleState(), issue #1799
  • Select: fixed API method data() for selecting option when defined, issue #1755
  • Select: added API methods addOptions(values = [] || {}), removeOptions(values = [])
  • Select: added API methods addOption(val, title, selected), removeOption(val)
  • Select: fixed clear button work, issue #1716
  • Master: fixed for quick switching panes, issue #1787
  • Important: IE is dead and no more supported!
  • M4Q: version updated to 1.1.0
  • M4Q: removed polyfills for Promise, CustomEvent (IE is dead)
  • Datetime: version 1.0.1, new global type Datetime, and factory datetime()
  • Cake: version 1.0.0, new global type Cake, and factory cake()
  • Ajax: switched from $.ajax ($.json, $.post, ...) to fetch (IE is dead)
  • Tag input: switched from $.ajax to fetch
  • Input: switched from $.ajax to fetch
  • Html container: switched from $.ajax to fetch
  • Cookie disclaimer: switched from $.ajax to fetch
  • Table: _create(), _buid(), _saveTableView(), loadData() now use fetch, and send data to server as json
  • Streamer: now use fetch for loading data
  • List: now use fetch for loading data
  • Calendar: fixed showing week numbers
  • Calendar: rewritten with Datetime
  • Calendar picker: rewritten with Datetime
  • Countdown: updated for using with Datetime
  • Chat: updated for using with Datetime
  • Chat: changed messages style
  • Validator: updated method date for using with Datetime
  • Table: updated for using with Datetime (change toDate() to Datetime.from())
  • List: updated for using with Datetime (change toDate() to Datetime.from())
  • Datepicker: updated for using with Datetime
  • Utils: updated for using with Datetime
  • Extensions: removed extension for Date, use Datetime
  • Extensions: removed extension for Object - Object.create(), Object.values() (IE is dead)
  • Extensions: removed methods from extension for String, Array
  • Any: added using Cake.lpad where need
  • Utils: removed functions lpad, rpad. If you need these functions, use Cake.pad, Cake.lpad, Cake.rpad
  • Select: added attributes data-drop-full-size=true|false (default: false), data-drop-width=int_value to set drop container width
  • Hint: added attribute hintDeferred if value of this > 0, a hint will display with delay.
  • ActionButton: fixed vertical-align for multi-action class
  • Activity: change default style to color
  • Keylock: added new component
  • Calendar: fixed bug issue #1732
  • Window: fixed event onMaxClick, issue #1735
  • DoubleSelectBox: added new component, request from Patreon patron
  • M4Q: fixed setting css number props order, zoom with method css()
  • CalendarPicker: added API method clear()
  • CalendarPicker: fixed API method val(), if you set argument as empty string val(""), you clear calendar picker value
  • M4Q Ajax: fixed method $.get for url with ?, issue #1745
  • List: updated for using with different tags. For example: now you can use list with div.grid role=list > div.row > div.cell structure
  • List: added attribute data-cls-template-tag to set class(es) for item children
  • List: added attribute data-default-template-tag to set wrapper element for item children, when template is not defined
  • List: improved work with an attribute data-cls-template-tag. Now you can set many classes separated with comma to applying to elements with linked index
  • Grid: fixed no-gap class, now padding cancels for .grid.no-gap .row > .cell* and .row.no-gap > .cell*
  • Utils: fixed function Utils.isObject(), issue #1755
  • Switch: To show on-off label you must set attribute data-show-on-off='true' and use attributes: data-on, data-text-on, data-off, data-text-off or i18n configs with attribute data-locale
  • Switch: added i18n support with props locale.switch.on, locale.switch.off
  • Switch: added changing on-off text in runtime with API method i18n(locale_name), issue #1761
  • M4Q: added property $.dark
  • Accordion: added API method open(index)
  • Accordion: added attributes data-cls-accordion, data-cls-frame, data-cls-heading, data-cls-content, data-cls-active-frame, data-cls-active-frame-heading, data-cls-active-frame-content
  • Table: added attribute data-use-current-slice. If this attribute has a value true, click on select-all checkbox will only apply to the current (visible) data slice, issue #1778
  • Sidebar: added attribute data-close-outside="true|false" to close sidebar by a click outside the sidebar, issue #1777
  • Marquee: added method setItems([...])

4.4.3

3 years ago

4.4.3

M4Q

  • Attributes: fixed method attr when user defining one argument
  • Animation: added methods stopAll(), pause(id), pauseAll(), resume(id), resumeAll()

Metro 4

  • Color selector: added new component
  • Color picker: added new a component
  • Marquee: added new component
  • NavView: fixed navview-pane item height and hover state, issue #1661
  • Metro: improved function makePlugin(...), now you can use it for set of elements.
  • Slider: fixed work vertical slider for touchable devices
  • Colors: improve work with hsl, hsv
  • Spinner: fixed input not a number value, value more or less than defined in options.
  • Keypad: fixed internal value type mismatch.
  • InfoBox: added attribute data-overlay-click-close=true|false, default false, issue #1668
  • Table: added localization from i18n files, issue #1671
  • Dropdown: fixed closing others when open current
  • Timepicker: fixed error when step is not equals to 0, issue #1676
  • Select: fixed clear button icon position in input-small mode, issue #1675
  • Select: added attribute data-cls-group-name
  • Select: for option added attribute data-display, issue #1677
  • Input: added support for getting autocomplete list items with ajax, issue #1682
  • Locales: added Croatian locale, thanks to dugi007
  • Calendar: added showing events count in days, issue #1621
  • Tag Input: added autocomplete feature, issue #1500
  • Table: added showing inspector button with attributes data-show-inspector-button=true|false, data-inspector-button-icon.
  • Table: set default value for data-cell-wrapper to true
  • Table: improve table styles for table-contaner
  • Table: fixed working with attribute data-horizontal-scroll-stop
  • Metro: added method pluginExists(name) to check if specified plugin registered in registry
  • Colors: fixed primitives RGBA, HSLA to create with specified alpha
  • Utils: added lpad(), rpad() functions
  • Calendar: improve visibility, fixed for using Utils.lpad()
  • Calendar picker: fixed for using Utils.lpad()
  • Metro: added method Component._fireEvents(...)
  • Security alert: fixed from issue #1687
  • Date extension: fixed method getWeek(), used in calendar for showing week numbers.
  • Tag input: added closing autocomplete list on user click outside.
  • Window: fixed holds zIndex when draggable, issue #1689
  • i18n: fixed a chinese locales name, issue #1691
  • Countdown: changed prop name data-animate-func to data-ease
  • Additional colors: for opacity added op-*-hi, op-*-low classes
  • Additional colors: default opacity changed to 0.5
  • Keypad: added attributes data-except-keys, data-key-separator, data-key-delimiter, data-trim-separator.
  • Table: fixed using attribute data-sortable for th.