[SOLVED] Manual installation?


#1

Hello

I want to try framework7 but I do not manage to install it. How can I manually install it on my shared webspace? What files do I have to upload exactly?
FIles from src? core? phenome?

In the src there are no css files, but in your demo html layout in the doc there is a framework7.min.css…

So I’m a bit confused what to upload exactly.

Thank you for your help.

Leo


#2

you must download framework7.tar.gz :

From CSS folder you need:
framework7.min.css

From js folder you need:
framework7.min.js
framework7.min.map (if you want debug)

then in your index.html you must add CSS on

<head>
....
<link rel="stylesheet" href="css/framework7.md.min.css"> 
</head>

in the bottom of your index.html you must add JS:

<!--js-->
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/framework7.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<!--js-->

cordova if you use cordova, then framework7 and then your app.js
Remember change the path of script to your project location

EDIT:
If you are using something like webpack you have to follow these steps:
https://framework7.io/docs/installation.html


#3

Thank you for you repsonse.

framework7.md.min.css oder framework7.min.css? What’s the difference?

Are there other files to upload and load, if I want to use some features of framework7?

And what about all directories “modules”, “ultis” ans so on? Do I not have to upload them?


#4

framework7.md.min.css oder framework7.min.css? What’s the difference?
framework7.md.min.css: only material design (android)
framework7.ios.min.css: only IOS (apple)
framework.min.css: both android and ios

Are there other files to upload and load, if I want to use some features of framework7?
no, you need only these files.
“min” means “compressed” and not what is the minimum you need

And what about all directories “modules”, “ultis” ans so on? Do I not have to upload them?
no, if you use webpack (for example) you can add the components individually to make it lighter. For example:

import Searchbar from 'framework7/components/searchbar/searchbar.js';
import Calendar from 'framework7/components/calendar/calendar.js';

but you should read a bit about webpack before working in this way


#5

Ok, perfect, thank you!