Hi,

Sorry for the late response, but in order to work locally you will need to use a local server, like wamp. The template uses server side coding Ajax and Jquery and modern browsers are no longer supporting this without a server.

Hi,

It seems that are a lot of problems with iOS latelly with this start up image support.

I did found a solution at some point that was working, try to see the latest reply on THIS POST

Sorry, I thought you are asking about Blix template, but it seems that you bought Lithium one.

Just add this in your html code in the form page:

<input type="text" name="date" value="" class="form_input" id="calendar-input">

And in my-app.js file add this on your form init section:

myApp.onPageInit('form', function (page) {

    var calendarDefault = myApp.calendar({
        input: '#calendar-input',
    });   

})

Regards.

unfortunately i tried the codes you gave but it didn’t work

Do you have an online demo I can see, I can guide you live on why is not working there.

Thanks.

Huawei P9 plus, Chrome and Opera, i use this URL in my phone http://sindevo.com/lithium/#!/form.html. Then replace the Framework7 1.4 for framework7-1.5.4, works but with bugs.

I replaced in my localhost project

Hi,

Send me an email using the contact form on our profile page sidebar, and I will send you some custom Select options fields, like this ones used on this page

And you can use one of those 3, the ones that will work best.

I think the bug is in the framework7 script, making the select non selectable on some mobiles.

Regards.

Hi,

Use the example we have in contact.html where there is a map that works.

If you want to add it dinamically make sure you add the code in my-app.js and only for the page you want to show it. Use the examples inside my-app.js to see how we added custom JS functions just for some pages only.

Regards.

thanks

Hi,

Are you testing the template files on a server? On localhost you might get some errors, since the files and pages ases Ajax and jQuery wich no longer is suported on a local browser, so it need to stay on a web server.

To add a JS code just on one page, use the model we have in my-app.js file.

So for example to load just on the about page:

myApp.onPageInit('about', function (page) {

......your code here.......

})

Also make sure in the HTML code of ther page you have the data-page value set to “about”

div data-page="about" class="page no-toolbar no-navbar" 

Regards.

Hi,

You have a HELP file included in the main archive. Includes the basic structure of the HTML and CSS files.

This item is an HTML/CSS mobile template using the Framework7 JS as main core framework. So you need to know how to edit HTML/CSS templates in order to edit the pages.

There is no database connection. In order to add that you will need to add some backend programming and a database.

Regards.

Hi,

Open my-app.js and add this 2 lines anywhere there:

$$(document).on('ajaxStart',function(e){myApp.showIndicator();});
$$(document).on('ajaxComplete',function(){myApp.hideIndicator();});

This will add a preloader to the template pages.

Regards.

Hi,

Replied also to your email.

Just remove the code from my-app.js:

myApp.onPageInit('blog', function (page) {

        $(".posts li").hide();    
        size_li = $(".posts li").size();
        x=4;
        $('.posts li:lt('+x+')').show();
        $('#loadMore').click(function () {
            x= (x+1 <= size_li) ? x+1 : size_li;
            $('.posts li:lt('+x+')').show();
            if(x == size_li){
                $('#loadMore').hide();
                $('#showLess').show();
            }
        });

})

I gues to remove that you will need to use an httacces. Otherwise as it is the template cannot work without that, since the pages are html

Hi,

I think you are talking about the QR code right?

If so just use a QR code generator like this one to generate an image with your url.

Regards.

Hi,

Allways test your pages on a server. Inner pages are loaded with Ajax and jquery, so they need a server to work.

Also try to see my-app.js file and how each page load his custom JS functions there.

Regards.

I found class=external

Hi,

Yes to link to an external link you need to use class=external to the link.

Regards.

Any update for me?

Hi,

If you are using our integrated contact form, you need to use recaptcha with ajax, since the contact form we have integrated uses ajax and php

Try to follow one of this TUTORIALS to see how recaptcha works with ajax contact forms.

Regards.

Hi,

That’s simple to do.

On all secondary pages on top you have this DIV with this classes:

For example about page:

div data-page="about" class="page no-toolbar no-navbar" 

Just remove the “no-toolbar” and “no-navbar”.

And when you will enter about page the toolbar will be there.

The only issue is that on navbar we have a custom one on secondary pages. You will need to delete it

    div class="navbarpages"....

And just use the one on home page.

Regards.

Hi,

Yes I can provide a demo file to you with a submenu and the right menu icon shifed to left.

Regards.

Hi,

To add another page into the template just create a page using the same HTML structure all secondary pages have. And name it simple page.html. Then from the html simple link to page.html

To link to an external page just add class=”external” to the link that point to this external page. This is for external pages link a different website url.

Regards.

Hi,

To add another page into the template just create a page using the same HTML structure all secondary pages have. And name it simple page.html. Then from the html simple link to page.html

To link to an external page just add class=”external” to the link that point to this external page. This is for external pages link a different website url.

Regards.

Hi,

To add another page into the template just create a page using the same HTML structure all secondary pages have. And name it simple page.html. Then from the html simple link to page.html

To link to an external page just add class=”external” to the link that point to this external page. This is for external pages link a different website url.

Regards.

Hi,

First if you say you know GetSimple CMS, make sure it works integrated with templates that use “framework7” script as main page transitions. If the CMS works with that then you can integrate it, if not it meant the template will not work as it is integrated into the CMS.

You cannot change the structure of the template pages without modifications on the code that creates the transition of the page which is framework7.js

If you want to disable the content loaded into div class=”view view-main” you need to totally remove framework7 from the template, and built it as simple HTML template without Ajax. This means you willl have to manually edit all the HTML pages, adding all the header html content into all secondary page. This will work like you want.

Hope it helps.

Regards.

Thank you, sindevo! Areas of work I understand about. If I need a small advice on the inner workings of your template, I will be able to contact you?

Hi,

Yes you can contact us using the contact form on our profile page sidebar.

Regards.