About the Questions category

Questions
1

Need help? Questions, bugs, issues you have faced with Framework7. We are here to help!

2

i have two questions. one is that i want to use angluar js in my framework7 app. the problem is that it works in the index.html page but doesn’t work on other pages while using ajax pages. so how do i solve this problem?
Another question i have is that whether inline pages, ajax pages, or template7 pages is the best to use ?

3

I am developing an application in cordova need to know tried routable tabs with infinite scroll but it is not firing the method can we have one example for that .

4

Hi, I’ve been looking at Framework7-svelte for the last few days and would like to try it out. I read the part lazy load components in documentation. I’m a little confused. The documentation says “asyncComponent: () => import (’./ pages / about.svelte’),”. Can we realy load uncompiled svelte files? Thank you for help. https://framework7.io/svelte/navigation-router.html#async-lazy-components

5

hi i created a test form to see how this works and when i open it in my phone browser its too small like it opened in my lap top browser. how can i make it responsive?

6

Friend I am creating an app that uses Geolocation with Google’s API. What happens is that when I compile it with Cordova, everything works fine, but when I install it on some phones, it runs well on others.

what can happen ???

It is a login that when it loads the home page it looks for the current coordinates to know location and in the app.js I do this:

on: { pageInit: function (page) {

var onSuccess = function(position) {
    app.dialog.alert('Latitude: '          + position.coords.latitude          + '\n' +
          'Longitude: '         + position.coords.longitude         + '\n');
};

function onError(error) {
    console.log('code: '    + error.code    + '\n' +
          'message: ' + error.message + '\n');
}

navigator.geolocation.getCurrentPosition(onSuccess, onError);

}

}

I also installed the cordova plugin for geolocation and nothing …

can you help me

7

I’m trying to fire a method from a tabshow event, but I am not able to do that. This is my code in page component:

export default {

	data: function () {
		return  {
			title: 'Menu',
		}
	},

	methods: {
	
		toggleTitle: function(id) {
			$$('.title-' + id).addClass('visible').siblings().removeClass('visible');
		}
	
	},

	on: {
		pageInit: function (e, page) {

    this.$$('.tab').on('tab:show', function(event){
					// how can I fire toggleTitle function?
			})
  },

		pageBeforeRemove: function (e, page) {
			this.$$('.tab').off('tab:show')
		},
	}
}
9

There is a compatibility issue between Framework7 Svelte and Svelte 5.
When will we get a new version of Framework7 with Svelte 5 support?