Questions tagged [framework7]
Framework7 is a free and open source HTML mobile framework to develop hybrid mobile apps or web apps with iOS native look and feel.
0
votes
1answer
25 views
[Framework7 Vuejs]Binding asyn data to template with v-for
I want to display total views for each id (1, 2, 3) by call api use axios like this:
<f7-block>
<f7-col
:key="index"
v-for="(items, index) in list">
Total views: {{countView(items....
0
votes
0answers
33 views
Reset form & input fields on button click
I'm making a simple todo list app with Framework7 and VueJS, but I'm struggling to understand how to reset the input fields.
<f7-list id="todo-form">
<f7-list-input id="item-input" type="...
-2
votes
0answers
14 views
Where include this params?
I used Framework7 + Vue.js and where include this params:
showBarsOnPageScrollEnd: false
I include in app init. but don't work this
0
votes
0answers
14 views
PhoneGap Framework7 after back button pressed previous page sql query disappears
could not find my problem anywhere. I am using Tabbed Panel to navigate between my 2 tabs, in one I have a window where I list my links one by one from SQL database, each link goes to edit.html page. ...
0
votes
1answer
17 views
Framework 7 Vue - Run Parent Vue's Methods not working
I have tried a lot of different ways to run a simple function from parent vue but still not working, console.log no error but nothing happen...anyone please help me have a look on this...thanks a lot.
...
0
votes
1answer
33 views
VueJS: Pass data from template element to another
In my app I've got some card elements printed dynamically from an array of data. I wanted these cards to open an action sheet on click, that would display an image url from the same array element.
&...
-1
votes
1answer
17 views
Cordova camera capture photo problem after visit another route
i use a button to capture photo,
it works fine,
but i'm unable to capture photo after visit another link/route.
here is my code sample:
document.getElementById("imageCapture").addEventListener("click"...
0
votes
0answers
11 views
Framework7 Routing push state adds full url to state
please, help, as deadlines pushing me and I have this headacke with routing
var mainView = null,
myApp = new Framework7({
init: false,
theme: 'md',
language: LANG,
name: $('meta[name="copyright"]')....
0
votes
0answers
6 views
Flickering issue while page loading from template
I have been using template7 for initializing a page view. However when the page loaded it calls an ajax and fill the data in its html , the whole page flickers while page loads.
this is in index.html
...
0
votes
1answer
25 views
How to wrap text in autocomplete dropdown?
The problem is I already have an autocomplete dropdown (Framework 7) with full of data in my mobile app. But some of them are too long. So I can't see the the full sentence in the dropdown. It is ...
0
votes
2answers
39 views
How do I pass data to the key and link of a link element?
I'm making an app using VueJS and Framework7, and I'm having trouble understanding how to apply dynamic route matching to my app.
My app has two pages, main view and info page. On the main page, ...
0
votes
1answer
21 views
Reverse framework7 page transition
I am using framework7 & React. In a Page I have left & right nav bar buttons.
Now when I click on the right button (a normal link that takes to the specified route) the page transitions form ...
0
votes
0answers
26 views
framework 7: trigger event like axios or other events on date range picker when clicked done
I'm trying to trigger an event on date range picker done. But I've no idea how to make it fire an event on done click;
<input type="text" placeholder="Select date range" readonly="readonly" id="...
0
votes
1answer
27 views
how can i access camera and take picture using phonegap framework7 template?
I Need Camera Access To Take. i've use framework7 template.
I've Tried some different ways but failed.
0
votes
0answers
35 views
Phonegap Issue connecting to localhost php webservice with jsonp
I am writing simple phonegap+framework7 app which needs to fetch data from localhost url.
What ever I do it does not work for me
var app = new Framework7({
// App root element
root: '#app',
...
0
votes
0answers
31 views
Pushwoosh - Push Notification using Framework7
This is probably a silly question, but I need to make sure, do we need to include cordova.js in index.html?
I’m building using Framework7 and it seems has different way to handle anything.
I put ...
0
votes
0answers
39 views
Desperately need help for Firebase - Push Notifications
I’m trying to develop Firebase - Push Notifications with Framework7. I have installed the plugin by checking $ cordova plugin list
cordova-plugin-fcm 2.1.2 “FCMPlugin”
I have registered the app on the ...
-1
votes
0answers
517 views
Update Select Menu Item from JSON
I’m trying to update all items in select menu from JSON string, I’m using the following code but it didn’t work
responseData={“select1”:“val1”, “select1”:“val2”};
app.form.fillFromData("#recipient1", ...
0
votes
0answers
46 views
how to setup auto-close for popup in framework7 version1
i am using a framwork7 js version 1 for my android mobile app.but there is a problem in login popup, after the successful login the router is working, but the popup is still on the screen, it is not ...
0
votes
1answer
27 views
Issue with cordova-plugin-facebook4 installation
been trying to get cordova-plugin-facebook4 to work with my cordova app. I am using framework7 and android platform version 6.4. I have installed the plugin successfully, setting the APP ID and NAME ...
0
votes
0answers
62 views
Apache cordova ios application floating cursor issue
Apache cordova ios application floating cursor issue
Please find the screen shot from app as follows:
1.Cursor is misaligned with input text box.
cursor wrong position
2.Cursor is getting overlapped ...
0
votes
0answers
17 views
Cordova and Framework7 iOS Button event only works on second tap
I'm using Cordova and Framework7 to code an app.
I want to fill some form fields with a button click.
In iOS Emulator and on iPhone it only fills the fields on the second tap.
I've integrated the ...
0
votes
1answer
21 views
The phonegap application on Anrdoid devices does not send AJAX requests
The phonegap application on Anrdoid devices does not send AJAX requests ...
Requests are in status: Pending
No javascript errors:
The same application works great on iOS devices.
In the config.xml ...
1
vote
1answer
27 views
REACT event in framework7 “stepperChange” not working
The "stepperChange" Event does not trigger when i count up and count down.
The documentation say that there is a stepperChange Event: https://framework7.io/react/stepper.html#stepper-events
...
0
votes
1answer
29 views
swipe to open left and right panel
I'm currently getting into Framework7. I found only a few docs, but they didn't help me. My problem is really basic, but I simply cannot figure out my error:
I simply try to open both panels, left ...
0
votes
0answers
20 views
Framewok7 vue media list overflow text
Hi I am using Framewok7 with vuejs.
With radio button media list. http://framework7.io/vue/radio.html
before
I want the text to overflow like.
The vue sinppet is like.
<f7-list media-list>
&...
0
votes
0answers
11 views
Framework 7 features compared to Ionic and angular/react
Recently, I heard about Framework 7 and I had gone through the official website of Framework7. It looks like normal css framework mostly ionic, i can say. But I have not seen the great features that ...
-1
votes
1answer
70 views
How to remove # from the url bar in framework7-vue
I'm using framework7 with vuejs i.e framework7-vue. Everything is working good. When doing the routes for browser i used pushState="true" and pushStateSeperator="", This removes the "#!" from the url ...
0
votes
0answers
27 views
Framework7 Vue v3.6.2 How to dynamically initialize tabs swipeable
does anybody know to dynamically initialize the tabs swipeable?.
Cause the documentation doesn't have an example there how to do it.
The example in the site is only for instantly loaded views, in my ...
0
votes
1answer
55 views
framework7 init not firing on page init
Init not working in framework 7
I have tried all solution given in the below link
framework7 Page Init Event Not Firing
// Initialize Application
var myApp = new Framework7({
...
0
votes
0answers
22 views
Access gallery folder in the mobile with browser using vuejs and framework7
I want to acess gallery folder in a android or ios devices through browser,
my question is it possible to access gallery by asking for for permission for once and access the gallery photos?
actually I ...
0
votes
0answers
25 views
Framework7 is not inserting loaded content from external links in the DOM
This is my code:
<div class="page-content">
<div class="block">
<p>HomePage content goes here</p>
<p><a href="/web/" >Get the ...
1
vote
1answer
48 views
Framework7 2 alert(); on Ajax-Form-Submit Event
I would like to use form script on framework7 app.
I have my form on a page displayed by route.js
I have my javascript action on route.js
When I click on button, the alert is displayed two times, I ...
2
votes
0answers
62 views
Framework7 resizable sheet modal
I created an app with Framework7 and Cordova. Inside the app, there's a page with a map. When I click on the map, a sheet modal opens with form elements inside. Now, the sheet modal is just half the ...
1
vote
0answers
19 views
Framework7 and Android: Icons render in browser but not on device
When I use framework7-icons on the web, they render just fine, but when I launch my project on my Galaxy S8, the name of the icon is displayed instead of the actual icon.
On the web:
On my Galaxy S8:...
0
votes
0answers
16 views
Picture rotating on iOS and not displaying on Android (Cordova/Framework7)
I am having this problem with pictures. When i run my application on Android device it doesnt display any picture, but I can display them on an iOS emulator, however they dont display properly, if ...
0
votes
1answer
29 views
Requesting when offline (Cordova-Framework7)
I have a project where it is required to implement something that saves the request if the connection was lost somehow, so it can send it as soon as it is back online again. I am not familiar with ...
0
votes
0answers
24 views
Framework7 How to make Tabs Swipeable work
Does anybody know how to make this work?
<f7-page :page-content="false">
<f7-navbar title="Swipeable Tabs" back-link="Back"></f7-navbar>
<f7-toolbar tabbar>
&...
1
vote
1answer
48 views
Framework7 and Material Design: Styling not rendered
I'm building my first Android app using Framework7. However, when I use the example provided in https://www.tutorialspoint.com/framework7/navbar_basic.htm, and use the CDNs corresponding to the latest ...
0
votes
0answers
36 views
how to upload file using ajax call in framework7?
I am using Ajax call to upload image file on Server. But if I used form method="POST" it is working fine but as I want to use ajax then how to do this?
AJAX CODE
function addcategory(){
var ...
2
votes
1answer
38 views
framework7 rtl prev/next button in photo-browser
I have a problem with "photo-browser-prev,photo-browser-next" button
It does not work properly
Сheck this
Its 2 of 3 but prev button is disable and when i use this style it work
.photo-browser-...
1
vote
0answers
55 views
How is the best way to write an app.request (get/post) reusable with framework7?
How is the best way to write an app.request (get/post) reusable?
In my app I have a lot of request (get/post) and for each task I write something like this…
//GET
var url = endpoint + 'users/';
...
2
votes
2answers
58 views
How center login card on Framework7?
I'd like to center the login card, but I connot do it. At the moment the card stays on the top of the page.
I wrote this class.
.card-center {
margin-left: auto;
margin-right: auto;
}
but it ...
2
votes
1answer
45 views
Framework7 Calendar open only after refresh html
I am having trouble with openning calendar (Framework7) on mobile when testing.
It works fine on all browsers but not when using directly mobile phone.
On mobile (safari test for me), when the 'Select ...
3
votes
2answers
153 views
pushState problem Framework7 v3.5.2 doesn't load the view
I've read all question about this problem without finding any solution.
I'm using the current latest version of Framework7 (3.5.2) and I'm trying to implement the pushState statment in order to ...
0
votes
0answers
13 views
Decreasing an element's opacity totally hides it with Cordova and Framework7(v1)
I want to set one of my element's back-color to a half transparent white like this:
background-color: #ffffff50;
I don't know if the problem lies specifically with Cordova or with Framework7, but ...
5
votes
1answer
135 views
How to hide panel and navbar in login page framework7
I'd like to hide correctly the panel and the navbar only in the login page. After login I'd like to show them. I achieve this task partially, because my code has a bad side effect. When I open the app ...
1
vote
2answers
24 views
How can show and hide a <li> inside the panel?
I have an app that has a login page. In order to login the user has the permission to see two voice inside the panel (if user is admin). If user is not admin I’d like to not display this voices. My ...
1
vote
1answer
33 views
Not able to get php parsed data in framework7 through ajax call
function pendingorder(){
app.request({
type:"POST",
url: "pages/getpeningorer.php",
dataType: 'json',
cache: false,
success:...
0
votes
0answers
59 views
Framework7 Duplicated Pages - Ajax Problem
I have a multi view app:
var mainView = app.views.create('.view-main', {
stackPages:true
});
var categoriesView = app.views.create('#view-categories', {
stackPages:true
});
var discoverView = ...