Yes sure.

You are asking if you can create more icons and add them in the images folder right?

Sure you can, just create any icon, save it at the 96×96 image size, or even bigger if you want, but keep it square. And replace the icons code from the HTML like you want.

Regards.

Hi,

Being an ajax template, when you click for example to open the panel, you actually not refreshing the link going to a new page. And your back button does not memorize this as a next step. So you reall back step is before opening the website.

This why you back button from the mobile goes to prev opening the website. It’s normal.

Also for the photo gallery. The back button from the mobile cannot close the image popup because he doesn’t see that popup as a new page, so he can go the prev one. All the actions inside the template happen in one step, because this is an Ajax based page system that does not refresh the url when navigating.

Also consider that this is a web app, and not a native app where I have control over the back button. Where an action can be created for the back button. Inside an html web app the back button of the mobile cannot be control, it just goes to the prev url loaded.

Hope this make sense.

Regards.

Hello kindly send me red colour custom version peethakoppam@gmail.com

Hi,

We have updated the template with a red color, you will receive your email shortly (1 day max).

Regards.

Hi,

The template is updated. Just go to your account and download the archive again. It will contain also the red color.

Regards.

Hi,

Test it on a server. Not locally. It uses ajax, a server side script.

Regards.

Hi,

Thank you,

The most easy fix will be to set height=”110%” instead of 100%.

I am not sure why the iframe do not use 100% of the screen which should be the corect way, but using height=”110%” seems to fix it.

Regards.

Hi,

Thank you.

Can you please tell me the resolution you are testing it? I cannot tell from the screenshot. I will reproduce your scenario and try to see where the bug is.

Regards.

its 15 inch laptop screen. As I said earlier this happens only for Windows 10 app on PC.

Hi,

Yes, you just need to:

1. Delete from the HTML blog page

            <div id="loadMore">LOAD MORE</div> 
            <div id="showLess">END</div> 

2. Open my-app.js file from the JS folder, and delete this:

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

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

})

Regards.

Hi,

Thank you for notice that

The fix is

Chagen in the HTML code where the slider is initialize

This:

div class="swiper-container swiper-init" data-effect="slide" data-parallax="true" data-pagination=".swiper-pagination" data-paginationClickable="true" 

To THIS:

div class="swiper-container swiper-init" data-effect="slide" data-parallax="true" data-pagination=".swiper-pagination" data-pagination-clickable="true" 

The issue was data-paginationClickable=”true” which needed to be data-pagination-clickable=”true”

Regards.

Thank you for your help

Yes, all our mobile items, except BIOTIC (that use jquery mobile), use framework7 as main core for page ajax system.

Yes you can changes the colors from the CSS. But the icons colors need to be changed with a graphic program.

Thanks.

Hi,

Just copy the files to your server, and run index.html.

To edit them use any HTML editor.

Regards.

i see. mine is a samsung note 10.1 2014 edition.

any solutions for such devices?

Ok so your tablet starts from 800 px in width in portrait mode.

A quick solution will be to edit the style.css file, at the bottom code where the media queries are change this:

/* —-—-—TABLET PORTRAIT-——- / @media screen and (max-width: 780px) {

To this

/ —-—-—TABLET PORTRAIT-——- */ @media screen and (max-width: 810px) {

It shoul work better.

Regards.

solution worked. thank you!

It’s hard to tell without testing the code. But we cannot test just this code, we need all the files you modified, and added.

Maybe if you can send us some files to test.

I was busy with another project.. ok.. do you have an email to send the files?

Yes,

Use sindevo.com@gmail.com

Regards.

Glat it works.

If it works also with one $ it’s ok.

But var $$ = Dom7; it’s a variable used by framework7. You can see that in my-app.js at the begining.

Regards.

oh.. I did not know that.. never used framwork7 before.. thanks for the info

You are welcome.

Thank you too for choosing our template.

Regards.

ok.. I’ll do that manually.. And yes, it will be useful if you can include this in future updates..

another q

this another question

Hi,

No I am afraid this is outside of knowledge area. You will have to ask a wordress-phonegap developer.

Regards.

Hi,

Change also the class of the listing photos

ul id="photoslist" class="photo_gallery_13" 

TO:

ul id="photoslist" class="photo_gallery_12" 

Regards.

Thanks.. that did the trick..

Hi,

Thank you for considering purchasing our mobile template.

Our support will only be related to the files inside the template. So anything that is allready in the code of the template files.

About “add an extra field to the contact form or when I create another form”. Yes this kind of support we offer. We can guide on adding other fields in the contact form or something related to this.

For phonegap is something else. You will have to get help from a phonegap developer. It’s not our specialization.

Yes we usually offer support using this comments section, since other users might find some answers helfully.

And for other small customizations we offer support by email.

Best Regards.

no i am not getting this error but google analytics is not reflecting the click on the template spoke to my marketing team they said maybe your code have some issues.

Can you show me your online demo?

I am not sure how this template can influence your analitycs code. It’s a simple HTML template.

Regards.

But are you trying to receive data from the main index page right? Not from the secondary pages?

Hi,

I don’t know where you saw the success.html file in the theme since we did not added one.

But it’s easy to do what you want there.

So you have build a success.html page in the format like the rest of the pages are.

On top of that page code you added I guess this like

div data-page=”success” class=”page no-toolbar no-navbar”......

If not just make sure you have data-page=”success” there…

Now in javascript where you build you success function redirect to sucess.html with javascript like this:

if (response === 'success') {

    mainView.router.loadPage(succes.html)

}

So this line mainView.router.loadPage(succes.html) will load you the success page into the view.

Let me know if that worked.

Regards.

thanks for the support!

slight change required for the javascript: mainView.router.loadPage(‘success.html’);

working fine now. cheers!

Ok great!

Regards.

Either you create another function like

        (function() {
            [].slice.call( document.querySelectorAll( 'select#selectoptions' ) ).forEach( function(el) {    
                new SelectFx(el, {
                    stickyPlaceholder: false
                });
            } );
        })();

With another ID here select#selectoptions

Or you modify the function, addinv instead of # as ID, the ”.” for class: select.selectoptions

Like this:

        (function() {
            [].slice.call( document.querySelectorAll( 'select.selectoptions' ) ).forEach( function(el) {    
                new SelectFx(el, {
                    stickyPlaceholder: false
                });
            } );
        })();

Then remove the select ID in the HTML, and add it as a class

                <select class="cs-select cs-skin-overlay selectoptions">
                    <option value="" disabled="disabled" selected>select options</option>
                    <option value="1">select one</option>
                    <option value="2">select two</option>
                    <option value="3">select three</option>
                    <option value="4">select four</option>
                    <option value="5">select five</option>
                </select>

And use all the selects with this class.

Regards.

thanks for your reply but somehow by activating this function, jquery would not work.

currently i’ve coded this in the my-app.js

$(’#selectoptions’).change(function () {

... do something and populate another field

}

without activating the function everything is working fine but it will not work if i activate the function.

any idea why is this so?

Hi,

If you will change the ID to class, is normal for this function not to work

$(’#selectoptions’).change(function () {

... do something and populate another field

}

Thank the # to .

$(’.selectoptions’)