Framework 7 v2 and v4 showing - routes not created

Wappler General Bugs
#1

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:

20

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.

#2

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

46

#3

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.

1 Like
#4

it seems only you and me are interested in framework7 :sweat_smile:

#5

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.

1 Like
#6

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

1 Like
#7

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’;
#8

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?

#9

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.

#10

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

image

#11

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

image
image1246×972 50.3 KB

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.

#12