Hello,

This template contains the essential meta-tags, and a manifest required for the PWA. The service-workers.js is not included by default. You can get the code here: https://googlechrome.github.io/samples/service-worker/basic/

Thank You

Of course, it can be updated to 1.6.5. As there are no breaking changes, Nectar will be fully compatible with 1.6.5.

And in the next release of Nectar, will update Framework7 to 1.6.5

Thank You

Great!... Thanks for reply!

You’re welcome

Hello,

You cannot replace this splash screen with the native splash screen. If you want to use this animated splash screen in phonegap app then you will need to have 2 splash screens.

As far as I know, in android app, native splash screen in not mandatory. But in iOS it is mandatory, according to their app stores rules.

Thank You

OK. This means the best part of your app, splash animation, cannot be used. Not good my friend.

I think it would be nice to let your clients know about this issue. What do you think?

Hello,

Thank You for purchasing Nectar. You will enjoy working on it. If you have any issues while using it, feel free to contact me. I will be glad to assist you.

Thank You! Have a great day!

Hello,

1. You can develop the app using this template and wrap it inside Android webview.

2. I assume you are asking about mixing the server side (PHP) code with this template’s (HTML) code. If this is the case, then I recommend you not to mix server side and client side code. The best way is to create Web service (rest api) in php, and then consume the api via ajax using this template.

3. Unless you are using any native device features, you don’t need to have the knowledge of Cordova or ionic.

Hope it helps. If you have any further questions, feel free to ask me.

Thank You

Hello, Of course you can make splash screen like this with your own text. If you want to learn how to create such animated SVG text, message me from my profile, so that I can show you how to do this stuff. Thank you

Hello,

var smth = $$(this).val(); if(smth == 1){ $$(#div).hide();

In the above code, you did not put the css selector inside quotes. $$(’#div’).hide(); Please check if this is the issue.

If you are using <select> tag then you should write you toggling logic inside onChange event handler.

Example:

<select id=”dropdown”> <option value=”1”>Hide DIV</option> <option value=”2”>Show DIV</option> </select>

$$(’#dropdown’).on(‘change’, function(e) { var smth = $$(this).val(); if(smth == 1) { $$(’#div’).hide(); } else { $$(’#div’).show(); } });

Thank You

Hello,

We have updated Nectar to Framework7 v7.1.5

Please check the demo at https://nectar.website/demo

Thank You

Well done!

Thank You

Hello,

By default, on every AJAX request the preloader is shown while request is being processed, and it hides after the request is completed. The code snippet present in init.js file does the job. Here is the snippet:

$$(document).on(‘ajaxStart’, function (e) { myApp.showIndicator(); });

$$(document).on(‘ajaxComplete’, function (e) { myApp.hideIndicator(); });

So, I assume, the code should work. But if it is not working, then in your $ajax request on .start and .success event add myApp.showIndicator(); and myApp.hideIndicator(); respectively.

Thank You, Have a great day

Yes indeed it works. I got one more question. On the left panel, I have a “Logout” link. I’ve put a $(’.logout’).on(“click”, function (e) {} The click function works but when I try to load the login page with mainView.router.loadPage it doesn’t work.

Hello,

I tried to reproduce the problem using following code and it is working fine.

$(’.logout’).on(‘click’, function(e) { e.preventDefault(); myApp.confirm(‘Do you want to logout?’, function() { mainView.router.loadPage(‘login.html’); }); });

Please check if any error appears in the console.

If mainView.router.loadPage(‘login.html’); doesn’t work, try loading the page using mainView.router.load({url: ‘login.html’});

Thank You

Also see their working implementation in pages.js file

Got it. Thanks

You’re welcome

Hello,

Thank you for purchasing the theme.

For full screen image background, you need to apply the following css on respective page.

Example:

.page[data-page=login] .page-content { background-image: url(‘https://source.unsplash.com/VxtWBOQjGdI'); background-position: center center; background-repeat: no-repeat; background-size: cover; }

Thank You

Hello,

If you are developing the app with some native features like push notifications, camera, or any other device features then there are two ways to build the apk.

1. Build apk on a local computer using Cordova tools. Here is the step by step tutorial: http://cordova.apache.org

2. Build apk remotely in the cloud. Here is the link: https://build.phonegap.com

If you are not using any native features and just want to wrap the code in a Web view then you can use https://gonative.io service.

The APK of Nectar is available for demo at https://gonative.io/share/deyono

Thank You

Hello!

Yes, sticky bottom menu is present in this template. We call it bottom toolbar. But it is not showcased in this template. You can easily add bottom toolbar as per your needs. Here is the link on how to add a bottom toolbar http://framework7.io/docs/toolbar.html

Thank You

Do you have a link so I can see it maybe ? Does it have icons etc ?

Go to this link http://framework7.io/docs/toolbar.html

There is an example of bottom toolbar. Of course, you can use icons. All you need to do is replace the text with icon (font awesome, material icons etc.)

Hello, The icons used in this template are in PNG format, so they are not customizable. These icons are also available for purchase in SVG format at https://icons8.com. You can then easily customize these SVG icons.

Of course, this template supports Vue.Js There is a good tutorial available on how to integrate Framework7 and Vue.Js Here is the link https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack

Thank You

Hello, Thank you for your interest in this template. This template is fully compatible with Cordova/Phonegap. You can test it on your mobile phone by navigating to this link. http://nectar.theprogrammers.website

Thank You

Thank You

Thank You

Thank You

Thank You