Hi,

Thank you for your positive feedback. A good rating will also motivate us in creating more good products

About phonegap and cordova which are the most known, I think I will go with cordova. Basically phonegap it’s own by Adobe, and uses cordova main core. So cordova is the basic core of all. Phonegap it’s a little more fancy in options.

Your choise will depend on the knowledge of the developer that will create the app. What he know best to use. Because integrating this HTML/jquery mobile template into a native app will require some code knowledge.

Hope this helps.

Best Regards.

I’ve made a quick research and just understood Cordova and PhoneGap is not the same thing as Ionic and Framework 7 =)

I got a little better the idea and I should go with Cordova!

Thanks for the advice!

You are welcome.

Thank you too for choosing our mobile templates.

Regards.

Hi,

You can add multiple views. As you can see this template uses framework7 as main framework.

On their website there is a explanation page for views . See HERE

See those examples:

var mainView = myApp.addView('.view-main', {
  dynamicNavbar: true
})
var anotherView = myApp.addView('.another-view');

Hope this helps.

Regards.

Thanks! Worked like a charm.

Glad it works.

Thank you too for choosing our template.

Regards.

I got it. I just had to add a ”$(”#LoginForm”).on(‘submit’, function(e) {” function with my code to the my-app.js.

Hi,

Glad you like our mobile design.

Yes the corect function for the submit login button is

”$(”#LoginForm”).on(‘submit…..”

The best way to add functionality to this template is by using ajax. In order to keep the template acting like a web app.

Regards.

Hi,

Codes is a simple HTML/CSS/Javascript/Ajax template.

All it needs is a web server.

It’s not a CMS template, it’s not using databases.

Will work on any simple web server.

Regards.

Hi,

This template is allready included into a framework, called framework7. Other than this we used jquery functions to animate it.

We did not tested the template integrated with angular 2. It’s hard to tell if any conflict will apear without testing it.

You can test the framework7 files first and see if there are any errors.

Generally should work, but it’s better to test first.

Hope this helps.

Regards.

Thanks for quick reply. Bought it. But after taking a look at the code and also googling framework7/angularjs combo this doesn’t sound like would work well. Love the design though. Do you have anything similar without framework7?

Hi,

Only one template that uses jquery mobile instead of framework7. See our portfolio. The template called BIOTIC

Regards.

Hi,

Use one of THIS methods.

The code shold be:

In HTML

<a href="#" class="alert-text">Alert With Text</a>

And in JS, added in my-app.js file

$$('.alert-text').on('click', function () {
    myApp.alert('Here goes alert text');
});

Regards.

Hi,

What problem when downloading?

And to test the files, upload them to a server. The template uses ajax, and needs a server. Locally works too, but only on some browsers like firefox.

Regards.

Thx answers.Hi all how do I create the alert window

Hi,

Use one of THIS methods.

The code shold be:

In HTML

<a href="#" class="alert-text">Alert With Text</a>

And in JS, added in my-app.js file

$$('.alert-text').on('click', function () {
    myApp.alert('Here goes alert text');
});

Regards.

Hi,

No the template does not have this included. Because it’s part of programming functionality, not design/html layout.

I will create this custom function for you, even it’s something custom added to the template.

So you want a function that when a form submit goes to another page?

Did you form is in a popup, or like the contact form on a page/section? So I know how to build the example.

Allow me this weekend to update the template and will send you the files by sunday.

Best Regards.

OK I appreciate the reply.

I am simply trying to go (1). from the CODEC contact form, (2), with CODEC validation (3), to another CODEC page.

A. You ask how? This is using the CODEC html FORM (as provided) without the ACTION url (as advised) and using INPUT SUBMIT (as advised).

B. You asked is this from a popup? No, this is from a page (the CODEC contact form) and this is not going to a popup and not to a nested DIV in an existing CODEC page.

I simply want to get the CODEC contact form with CODEC validation to go to another CODEC page. If you absolutely insist to know which page it needs to go to then can I suggest maybe the CODEC TABS page or the CODEC Single Blog page maybe? Its up to you…

I dont need a new template. I have already added loads & loads of bespoke code to the existing CSS & JS files. Furthermore, all the .html files are now all .aspx files anyway. So sending out a new template is over the top. I just need to get the CODEC form to go via CODEC validation to another CODEC page if its possible to do this with CODEC please. I am fascinated to see if this is possible with CODEC …

Ok got it, so you need just the action from the submit button , after validating to go to another page.

That’s simple.

Take for example the contact form, and the submit button there. The line code than need to be added after the form is validated is

mainView.router.loadPage('tabs.html');

tabs.html being the page you want to trigger after the form is submited.

You code needs to be:

        $("#ContactForm").validate({
        submitHandler: function(form) {
           mainView.router.loadPage('tabs.html');
        return false;
        }
        });

All this added in my-app.js file where you submit button is.

Just tested that, and triggers well the tabs button after the submit.

Hope it helps, and it is what you wanted to know.

Regards.

Hi,

But did you transformed the template into a andriod app? Or use it like this?

We did not add any icon with android there. I am not sure where that is coming from. It must be from android.

The only icon we added for app desktop launch is for iphone, and the code is in index file at the top

<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="images/apple-touch-startup-image-640x1096.png">

Hi,

Why do you mean by popup? The full page to be a popup? Or the menu section to be a popup, like the ones with login and register?

I am not sure you can transform easely all the page into a popup, I don’t see the point of this.

Nice app you have created, nice design.

Regards.

Hi,

We cannot tell what is wrong there, your code seems incomplete. And you are asking help for some code we did not created. We can only support the code inside the template, the one we created.

Regards.

well, can you give me some advice?

Hi,

But I don’t understand your code posted:

$(document).ready(function(){ $.ajax({ method:”GET”, url:’http://......./json/json_blogs.php', dataType: ‘json’, success: function(result) { for (i = 0; i < result.length; i++) { console.log(result[i]) $(’.posts’).append(“
“resulti“ “resulti“ 23 march
“resulti“
“)

}
})

}

Ironically the form validator at Themeforest has stripped out (rather than encapsulated) my html for the OK button from my support post above. I can supply this html via email if you need it? Regards.

Hi, Yes the best way is to send me the code you are using, and modified, so I can look at it. It’s hard to say without testing you code.

Use the contact form on our profile page-sidebar right, and send us an message. We will reply. And after you can attach the files/code.

On themeforest you need to use “code” tags around the code you want to show

Regards.

Hi,

Thanks

To call pages from jquery use something like this added in my-app.js file

mainView.router.loadPage('about.html');

To open a popup from javascript use “myApp.popup(’.popup-about’);”, and for example when clicking on something:

$$('.open-about').on('click', function () {
  myApp.popup('.popup-about');
});

And to open both from the HTML , see the examples in the template.

Best Regards.

Thank you so much for your support. Good continuation in your work. Regards.

Thanks.

Regards.

Can you share how to change color ,so that i can buy.

Hi , i have purchased it, plz share how to change it to white color.

Hi,

You can edit one of the colors allready existing. For example blue.

Inside the CSS folder you will see blue.css file. From there you can edit the main colors of the template.

In images folder/ icons/ you have black, blue, white color icons. I guess if your bg will be white, you will need to use the black icons.

If have any question about an element you will not find, just ask.

Thanks.

“

Hi,

After a short investigation, here is what I found usefull. Since our main framework is framework7, HERE you will see a nice tutorial on how angular js works with the framework.

I think it will help.

Regards.

Ok, this is helpful. Will take it on from there. Regards

Hi,

Check the HELP file at the bottom for Source and Credits. The icons are listed there.

In images/icons you will see more icons and colors.

Regards.

Thank you! You colored icons manually?

Hi,

Yes, from the source file, just color overlay in photoshop.

Regards.

Hi,

Here how the validation works:

For example the contact form

1. You need to set in HTML an ID to the form

form class=”cmxform” id=”ContactForm” method=”post” action=”“

In our case id=”ContactForm”

2. You need to set in HTML a “required” class for the input you want to be required

input type=”text” name=”ContactName” id=”ContactName” value=”” class=”form_input required”

In our case we have the class=”form_input required”

So just add “required” in the class of the input you want to be required

3. In javascript you need to call the ID of the form to be validated. Inside the my-app.js under the function:

$$(document).on(‘pageInit’, function (e) {

..........

        $("#ContactForm").validate({
        submitHandler: function(form) {
        ajaxContact(form);
        return false;
        }
        });

        $("#RegisterForm").validate();
        $("#LoginForm").validate();
        $("#ForgotForm").validate();

There we are validating all the forms.

In the contact one we are using the extra

submitHandler: function(form) {
ajaxContact(form);
return false;
}

That is used to send the contact php form to a real email.

But just to make the form validate is was enought to wrtie :

$(”#ContactForm”).validate();

For more info about the validation jquery original source check THIS website

Regards.

Appreciate the support you give, its swift and informative. Thanks.

You are welcome.

Thank you for choosing our mobile templates.

Regards.

Hi,

It is the button from the contact form, the one build by us? Or it is a code you added?

Can you tell us where did you added the action code for this button? Where is the javascript code added? Or asp?

If it’s a javascript action, you need to isert it in my-app.js file, under pageinit function.

Regards.

its in code behind not in javascript, i try to add it in my-app.js but its not working.

Hi,

This means your code is not corect. The code you added for the button is not corect.

It’s hard to tell why is not working without seeing the actual code, considering also that is not made by us.

Regards.

They are HTML template. What you want to translate? The HTML text?

All text is editable from the HTML code.

Hi,

The version made in cordova is slower than the HTML one? Did you test them both.

The animations are made in jquery because just a few browsers support CSS transitions and animations.

But the speed depends also on the mobile processor and browser. From our side of testing it works great on modern mobiles, like iphone, new androids…etc

A few users requested from us, to release a version of this template without the animations.So we will release in the next days a non animation version, in case you are interested.

Regards.

when i build the apk in cordova and test it on samsung galaxy s4 it’s not so fast and it’s lag . I’m very interested in the non animation version of this template.

Hi,

But when you test the template, as HTML on galaxy s4 it’s the same, slow?

Will announce all users once the update is online, by email.

Regards.