Framework 7 v2 and v4 showing - routes not created

pixlapps · August 30, 2019, 6:27pm

Trying to start a project with electron and Framework7 aurora desktop theme.

When I add a route it seems wappler cannot find the routes.js file at first. It is not created automatically. I then created one and pointed the settings route option to the newly created routes.js page.

Nothings gets written to routes if I try and use it the same way as I use it when building a SPA for apache.

There is also another framework7 version 2 folder created:

Think these are bugs… has anybody managed to get Framwork7 routes to work with Wappler? I did it manually a couple months ago, but would like to build everything with Wappler.

pixlapps · August 30, 2019, 6:36pm

I get this when I add a routes.js file using the settings interface of Wappler:

pixlapps · August 30, 2019, 6:41pm

I see I had similar problem in past - going to go to those posts and see if I can fix this manually.

Would be great if there is a Wappler way of doing this.

mrbdrm · August 30, 2019, 6:44pm

it seems only you and me are interested in framework7

pixlapps · August 30, 2019, 6:46pm

It is easier to work from Framework7 docs and manually code the things… Think FW7 Wappler integration has to be polished some more. Believe the devs will get around to it. They are adding great stuff every week.

mrbdrm · August 30, 2019, 6:48pm

that is exactly what im doing. using wappler as a code editor mostly on framework7.
and relying on framework7 docs

pixlapps · August 30, 2019, 7:06pm

What does work is the following workaround:

Add new mobile project
Select Kitchen Sink FW7
Add Electron as a platform
go to settings and select routing and the routing points correctly automatically
go to app.js and change var theme = ‘auto’; to var theme = ‘aurora’;

George · August 30, 2019, 7:25pm

Routes should work fine with Framework7 v4.
Are you sure you are using the latest one?

And also that your project is a mobile project and not a web project?

pixlapps · August 31, 2019, 3:49am

I have started it as a mobile project and not aa desktop project. It does not work straightforward if you start as desktop app and then add Framework7. Maybe you can just look at that.

But if I do as in my previous post and use kitchen sink as starting point, I am able to get going pretty easily.

George · September 1, 2019, 8:33pm

Have you enabled Routing in our project options and does the Routing File points to the right file?

bpj · April 30, 2020, 11:54am

Hi @George,
If trying to use F7 in a web project, routing using F7 is not an option:

is something that can be added or is F7 only available for Mobile/Desktop projects?

Is F7 even suitable for a web project? I would like to use it as it looks nice and native but just want to create a web app rather than something for app stores.