framework7

Open full view…

Framework7 v0.9.4 – Updated on July 26, 2014

Vladimir Kharlampidi
Sat, 26 Jul 2014 19:24:02 GMT

Here is changelog: --- - New Framework7 grunt custom library builder where you can include only required components - Half-pixel (0.5px) borders in iOS 8 for list views, navbars, toolbars, modals, etc. - Core - New "statusbarOverlay" parameter to overwrite automatic statusbar overlay detection - Searchbar - Now it may consider and hide item-dividers and grouped list if nothing found there with two new App's options: searchbarHideDividers and searchbarHideGroups. By default, they are enabled (true) - Smart Select - Now it consider and doesn't output "disabled" options and will not be opened if it has "disabled" class or attribute - Dom7 - New .removeAttr(attrName) method to remove attribute - Now it is possible to detach live event listeners with the same "live" syntax $('something').off('click', '.target', listener) - Icons - New "icon-camera" (in message bar) and "icon-plus" icons - Views - New "url" parameter to specify View's default (startup) URL - Tabs - Now it is possible to swith multiple tabs with single tab-link by using "data-tab" attrib ute instead of "#" href attribute - Modals - New "tablet-fullscreen" class on Popup to make fullscreen popup in iPad

seme1
Sun, 27 Jul 2014 14:42:00 GMT

Just wanted to say a BIG THANK YOU for taking a note of the comments we add here and there. Few of the suggestions I gave were actually implemented in the framework. Thanks again. :)

m0m000000
Mon, 28 Jul 2014 05:50:48 GMT

Why is the half-pixel borders only for iOS 8? :(

Vladimir Kharlampidi
Mon, 28 Jul 2014 08:02:53 GMT

Because they supported only in iOS 8

m0m000000
Mon, 28 Jul 2014 09:49:05 GMT

What about this? Can we make a work-around? "Hairlines CSS just pixel-doubles border lines on Retina screens, and doesn’t provide an easy way to do a 1 physical pixel wide hairline. CSS borders can’t just be “0.5px” high (the CSS px unit requires integers, and DOM elements always are positioned on integer-based coordinates as well). One workaround are scaled CSS background images. In the following example the data URL contains a 2px high PNG image that has a transparent upper pixel, and the pixel in the color I want the hairline to be as the lower pixel. An other way, which has the advantage of allowing you to easily customize the color but is slightly more verbose, is using SVG: /* 1px hairline, using a GIF */ background: repeat-x bottom left url(data:image/gif;base64,R0lGODlhAQACAPABAMjHzP///yH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAABACwAAAAAAQACAAACAgwKADs=); background-size: 100% 1px; /* 1px hairline, using SVG (background-size property not required) */ background: repeat-x bottom left url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1 ' height='1'><rect fill='#ff0000' x='0' y='0' width='1' height='0.5'/></svg>");" Copied from: http://mir.aculo.us/2013/09/16/how-to-create-a-web-app-that-looks-like-a-ios7-native-app-part-1/

Vladimir Kharlampidi
Mon, 28 Jul 2014 14:43:29 GMT

I know about this technic, but it is too hacky to be included to F7. This will require for multiple backgrounds on many elements, and will bring just more problems with customisation. But you can easily implement it by yourself in your app.