var myApp=new Framework7({
id:"id",
name:"name",
root:"#root",
theme:"ios",
view:{
// ex domCache
stackPages:true,
// looks better with js
animateWithJS:true
},
touch:{
// only in dev
// true or remove in prod
disableContextMenu:false
}
});
below is the full (default) obj
enjoy
{
"version": "1.0.0",
"id": "io.framework7.testapp",
"root": "body",
"theme": "auto",
"language": "it",
"routes": [],
"name": "Framework7",
"initOnDeviceReady": true,
"init": true,
"touch": {
"fastClicks": true,
"fastClicksDistanceThreshold": 10,
"fastClicksDelayBetweenClicks": 50,
"fastClicksExclude": "",
"disableContextMenu": true,
"tapHold": false,
"tapHoldDelay": 750,
"tapHoldPreventClicks": true,
"activeState": true,
"activeStateElements": "a, button, label, span, .actions-button",
"materialRipple": true,
"materialRippleElements": ".ripple, .link, .item-link, .links-list a, .button, button, .input-clear-button, .dialog-button, .tab-link, .item-radio, .item-checkbox, .actions-button, .searchbar-disable-button, .fab a, .checkbox, .radio, .data-table .sortable-cell, .notification-close-button"
},
"clicks": {
"externalLinks": ".external"
},
"statusbar": {
"overlay": "auto",
"scrollTopOnClick": true,
"iosOverlaysWebView": true,
"iosTextColor": "black",
"iosBackgroundColor": null,
"materialBackgroundColor": null
},
"view": {
"main": false,
"router": true,
"linksView": null,
"stackPages": false,
"xhrCache": true,
"xhrCacheIgnore": [],
"xhrCacheIgnoreGetParameters": false,
"xhrCacheDuration": 600000,
"preloadPreviousPage": true,
"uniqueHistory": false,
"uniqueHistoryIgnoreGetParameters": false,
"allowDuplicateUrls": false,
"reloadPages": false,
"removeElements": true,
"removeElementsWithTimeout": false,
"removeElementsTimeout": 0,
"restoreScrollTopOnBack": true,
"unloadTabContent": true,
"iosSwipeBack": true,
"iosSwipeBackAnimateShadow": true,
"iosSwipeBackAnimateOpacity": true,
"iosSwipeBackActiveArea": 30,
"iosSwipeBackThreshold": 0,
"pushState": false,
"pushStateAnimate": true,
"pushStateAnimateOnLoad": false,
"pushStateSeparator": "#!",
"pushStateOnLoad": true,
"animate": true,
"animateWithJS": false,
"iosDynamicNavbar": true,
"iosSeparateDynamicNavbar": true,
"iosAnimateNavbarBackIcon": true,
"iosPageLoadDelay": 0,
"materialPageLoadDelay": 0
},
"navbar": {
"scrollTopOnTitleClick": true,
"iosCenterTitle": true,
"hideOnPageScroll": false,
"showOnPageScrollEnd": true,
"showOnPageScrollTop": true
},
"toolbar": {
"hideOnPageScroll": false,
"showOnPageScrollEnd": true,
"showOnPageScrollTop": true
},
"modal": {
"moveToRoot": true,
"queueDialogs": true
},
"dialog": {
"buttonOk": "OK",
"buttonCancel": "Cancel",
"usernamePlaceholder": "Username",
"passwordPlaceholder": "Password",
"preloaderTitle": "Loading... ",
"progressTitle": "Loading... ",
"closeByBackdropClick": false
},
"popup": {
"backdrop": true,
"closeByBackdropClick": true
},
"popover": {
"closeByBackdropClick": true,
"closeByOutsideClick": true,
"backdrop": true
},
"actions": {
"convertToPopover": true,
"forceToPopover": false,
"closeByBackdropClick": true,
"render": null,
"renderPopover": null,
"backdrop": true
},
"sheet": {
"closeByBackdropClick": true,
"closeByOutsideClick": false
},
"toast": {
"icon": null,
"text": null,
"position": "bottom",
"closeButton": false,
"closeButtonColor": null,
"closeButtonText": "Ok",
"closeTimeout": null,
"cssClass": null,
"render": null
},
"sortable": true,
"swipeout": {
"actionsNoFold": false,
"noFollow": false,
"removeElements": true,
"removeElementsWithTimeout": false,
"removeElementsTimeout": 0
},
"panel": {
"leftBreakpoint": 0,
"rightBreakpoint": 0,
"swipeActiveArea": 0,
"swipeCloseOpposite": true,
"swipeOnlyClose": false,
"swipeNoFollow": false,
"swipeThreshold": 0,
"closeByBackdropClick": true
},
"input": {
"scrollIntoViewOnFocus": false,
"scrollIntoViewCentered": false
},
"smartSelect": {
"openIn": "page",
"pageBackLinkText": "Back",
"popupCloseLinkText": "Close",
"sheetCloseLinkText": "Done",
"searchbar": false,
"searchbarPlaceholder": "Search",
"searchbarDisableText": "Cancel",
"closeOnSelect": false,
"virtualList": false,
"routableModals": true,
"url": "select/"
},
"calendar": {
"monthNames": [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
"monthNamesShort": [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec"
],
"dayNames": [
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
],
"dayNamesShort": [
"Sun",
"Mon",
"Tue",
"Wed",
"Thu",
"Fri",
"Sat"
],
"firstDay": 1,
"weekendDays": [
0,
6
],
"multiple": false,
"rangePicker": false,
"dateFormat": "yyyy-mm-dd",
"direction": "horizontal",
"minDate": null,
"maxDate": null,
"disabled": null,
"events": null,
"rangesClasses": null,
"touchMove": true,
"animate": true,
"closeOnSelect": false,
"monthSelector": true,
"yearSelector": true,
"weekHeader": true,
"value": null,
"containerEl": null,
"openIn": "auto",
"formatValue": null,
"inputEl": null,
"inputReadOnly": true,
"closeByOutsideClick": true,
"scrollToInput": true,
"header": false,
"headerPlaceholder": "Select date",
"footer": false,
"toolbar": true,
"toolbarCloseText": "Done",
"cssClass": null,
"routableModals": true,
"view": null,
"url": "date/",
"renderWeekHeader": null,
"renderMonths": null,
"renderMonth": null,
"renderMonthSelector": null,
"renderYearSelector": null,
"renderHeader": null,
"renderFooter": null,
"renderToolbar": null,
"renderInline": null,
"renderPopover": null,
"renderSheet": null,
"render": null
},
"picker": {
"updateValuesOnMomentum": false,
"updateValuesOnTouchmove": true,
"rotateEffect": false,
"momentumRatio": 7,
"freeMode": false,
"cols": [],
"containerEl": null,
"openIn": "auto",
"formatValue": null,
"inputEl": null,
"inputReadOnly": true,
"closeByOutsideClick": true,
"scrollToInput": true,
"toolbar": true,
"toolbarCloseText": "Done",
"cssClass": null,
"routableModals": true,
"view": null,
"url": "select/",
"renderColumn": null,
"renderToolbar": null,
"renderInline": null,
"renderPopover": null,
"renderSheet": null,
"render": null
},
"lazy": {
"placeholder": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==",
"threshold": 0,
"sequential": true
},
"photoBrowser": {
"photos": [],
"exposition": true,
"expositionHideCaptions": false,
"type": "standalone",
"navbar": true,
"toolbar": true,
"theme": "light",
"swipeToClose": true,
"backLinkText": "Close",
"navbarOfText": "of",
"url": "photos/",
"routableModals": true,
"virtualSlides": true,
"swiper": {
"initialSlide": 0,
"spaceBetween": 20,
"speed": 300,
"loop": false,
"preloadImages": true,
"navigation": {
"nextEl": ".photo-browser-next",
"prevEl": ".photo-browser-prev"
},
"zoom": {
"enabled": true,
"maxRatio": 3,
"minRatio": 1
},
"lazy": {
"enabled": true
}
}
},
"notification": {
"icon": null,
"title": null,
"titleRightText": null,
"subtitle": null,
"text": null,
"closeButton": false,
"closeTimeout": null,
"closeOnClick": false,
"swipeToClose": true,
"cssClass": null,
"render": null
},
"autocomplete": {
"typeahead": false,
"highlightMatches": true,
"expandInput": false,
"updateInputValueOnSelect": true,
"multiple": false,
"valueProperty": "id",
"textProperty": "text",
"openIn": "page",
"pageBackLinkText": "Back",
"popupCloseLinkText": "Close",
"searchbarPlaceholder": "Search...",
"searchbarDisableText": "Cancel",
"animate": true,
"autoFocus": false,
"closeOnSelect": false,
"notFoundText": "Nothing found",
"requestSourceOnOpen": false,
"preloader": false,
"routableModals": true,
"url": "select"
},
"vi": {
"enabled": false,
"autoplay": true,
"fallbackOverlay": true,
"fallbackOverlayText": "Please watch this ad",
"showMute": true,
"startMuted": true,
"appId": null,
"appVer": null,
"language": null,
"width": null,
"height": null,
"placementId": "pltd4o7ibb9rc653x14",
"placementType": "interstitial",
"videoSlot": null,
"showProgress": true,
"showBranding": true,
"os": null,
"osVersion": null,
"orientation": null,
"age": null,
"gender": null,
"advertiserId": null,
"latitude": null,
"longitude": null,
"accuracy": null,
"storeId": null,
"ip": null,
"manufacturer": null,
"model": null,
"connectionType": null,
"connectionProvider": null
}
}
// init view
V1 => myApp.addView([target],{params})
v2 => myApp.views.create([target],{params});