html-framework-7

Cordova Hide Status Bar

由 放肆的年华 提交于 2019-12-22 04:13:21
问题 I'm building an application for iPad with Phonegap and Framework7 and I can't seem to get the status bar to be hidden on the iPad no matter what I do. I've tried to google out a few tutorials, including the following questions: How to remove iOS status bar with Phonegap Build? How to completely hide the status bar in iOS using Cordova? Cordova/Phonegap ignores fullscreen preference in config.xml on iOS I've tried the solutions provided in all the answers of the questions above and my status

framework 7 on click event work at <div class=“toolbar-inner”> </div> but not outside

由 廉价感情. 提交于 2019-12-12 04:40:56
问题 html code <div class="toolbar toolbar-bottom" id=""> <div class="myProgress2" id="myProgress2" style="background-color: grey; width:100px;margin-left: 10px"> <div id="myBar2" class="myBar2" style="width: 3%;height: 10px;background-color:white;"></div> </div> <div class="toolbar-inner"> <div class="myProgress2" id="myProgress2" style="background-color: grey; width:100px;margin-left: 10px"> <div id="myBar2" class="myBar2" style="width: 3%;height: 10px;background-color:white;"></div> </div> <

Framework7 google maps not loading on second page click

由 我与影子孤独终老i 提交于 2019-12-12 03:05:43
问题 Hi I have a problem using framework7 at first load the map is loading when I navigate to a different page then click back to the page with the google map the map doesn't load. if (page.name === 'location') { new GMaps({ div: '#map', lat: -12.043333, lng: -77.028333 }); } 回答1: For Those using framework 7 and encounter this error Id like to post what I did to make it right just investigated that the elements in framework7's pages are cached when navigating to each pages thats why google maps

Rails 6 with Framework7 using Webpacker

由 大憨熊 提交于 2019-12-11 16:33:06
问题 Using Rails 6 and Framework7. I created a new Rails app with Rails: rails new xyz Then I ran: yarn add framework7 I see Framework7 installed in node_modules/framework7 . Then I made the following changes: # app/javascript/packs/application.js import '../stylesheets/application' require("@rails/ujs").start() require("turbolinks").start() require("@rails/activestorage").start() require("channels") import 'framework7/js/framework7.bundle.min' # app/javascript/stylesheets/application.scss @import

GET JSON and build HTML table on a different page (Phonegap + Framework7)

由 為{幸葍}努か 提交于 2019-12-11 15:57:56
问题 I am building a mobile app using Framework7 that scans a QR code (using this Phonegap plugin) that contains a JSON URL and GETs the relevant data. The data is then used to generate and populate a table. This is what my code looks like: $$(document).on('page:init', '.page[data-name="scanner"]', function (e) { $$('.page-content').find('#scanCode').on('click', function (e) { cordova.plugins.barcodeScanner.scan( function (result) { app.request.json(result.text, function (data) { var tableHtml = '

Infinite scroll implement when use “Template7” template engine in framwork7 with cordova

由 依然范特西╮ 提交于 2019-12-11 04:31:23
问题 I have use Template7 for rendering data in my contact page, but on my contact list thousand of contact available, So i have to use infinite scroll for load more contact. On load more event fire how can i load next page data in existing contact list at bottom. For template 7 i am using this reference site: To load contact on pageInit i am using this code to render first page data: <p>Here are the list of people i know:</p> <ul class="list-block"> {{#each people}} <li>{{firstName}} {{lastName}}

Double data-confirm prompt observed on rails with framework7

由 强颜欢笑 提交于 2019-12-08 11:37:50
问题 When you use data-confirm on framework7 embedded in rails, a double prompt is observed. The first prompt is coming from Rails. The other is coming from framework7. <div class="swipeout-actions-right"> <a id="more_button" href="#" data-task-id={{id}} class="demo-actions"> <span class="small">More</span> </a> <a id="archive_button" href="#" data-task-id={{id}} class="bg-blue demo-actions"> <span class="small">Archive</span></a> <a href="#" class="bg-green swipeout-delete swipeout-overswipe"

Css Selector in Framework7 vue

由 二次信任 提交于 2019-12-08 09:10:49
问题 i try to build an Cordova/Phonegap application using vue.js and the Framework7. I find out how to use functions like "onClick" using the "v-on:click="OnClick" attribute in an html element. Framework7 has jquery already implemented in the dom. But there is one question. How can i access the dom directly, so that i can select whole css classes with the jquery selector. Like: $('.likeButton') . ? In the offical framework7 i found something like this to access the dom with its functions: this.$$

Cordova Hide Status Bar

由 牧云@^-^@ 提交于 2019-12-05 03:23:06
I'm building an application for iPad with Phonegap and Framework7 and I can't seem to get the status bar to be hidden on the iPad no matter what I do. I've tried to google out a few tutorials, including the following questions: How to remove iOS status bar with Phonegap Build? How to completely hide the status bar in iOS using Cordova? Cordova/Phonegap ignores fullscreen preference in config.xml on iOS I've tried the solutions provided in all the answers of the questions above and my status bar is still there. I've opened the project with xCode and I can see that the settings are configured

Why the value from input is not passed to VUEX

由 ⅰ亾dé卋堺 提交于 2019-12-03 18:15:58
问题 I can't transfer the value from input to the store . When I click on the add item button, I need to create a block with its delete button and the text entered in the input . And then save it all in localstorage. But now I am creating only a new block without text. Please help me fix my code to make it work. Here's how it should work But how it works now What I'm doing wrong? How do I transfer the value from Input to Vuex? Here is my code <template> <f7-block-title>Some items</f7-block-title>
订阅 html-framework-7