This is a HTML/CSS template build on framework7. I think it will require some code changes to use it with laravel

Hi David, thanks

This item is a mobile html template.In order to transform it into an app you need to use solutions like phonegap. Check on the web what phonegap is about.

Regards.

Hi,

Did you get the spinner animation when pressing SEND button?

Or what happened after you clicked SEND.

I can help, but I will need to see a demo.

Regards.

Hi,

It’s pure HTML/CSS/Js, so no CMS in the backend.

Regards.

Hi,

The back button of you mobile will go history back in the browser.

Since this it’s a web mobile app, and not native app, the back button will behave like in the broswer, will go back.

I guess when you open your list and click show more, and get those 15 results you should memorize that with a cookie or other storing element to use when you click back. As it is now the click back button will refresh the page.

Hope this helps. Regards.

Hi,

Use the example we did in my-app.js file, and see there how we call for a function used on one specific page only.

But looking at your demo now I can see that is working.

Remember that the secondary pages content is loaded with Ajax, and custom JS code must be executed in a function for secondary pages, not on index load.

Regards.

Yes its work now thanks for your support

Hi,

Are you saying you want to get a variable from an HTML link with JS? And use it inside a page? Not sure I understand what you need in your comment.

Regards.

i found a solution for that thanks you

Hi,

If you are using the system on a secondary page, load the code just for that page only, and when the page is loaded. See for example how we did the contact php ajax form from the contact page. So in my-app.js file you will see that the contact JS code is loaded for contact page only.

Regards

Hi,

1. In HTML you have the popup code like:

div class="popup popup-login"

In order to display this you will need to add a class ‘modal-in’ and display block to that DIV.

2. So in JS when you build your function, add:

        $(".popup-login").addClass('modal-in');

        $(".popup-login").css({ display: "block" });

You will have something like:

your functionhere....{

            /// show the login popup
        $(".popup-login").addClass('modal-in');

        $(".popup-login").css({ display: "block" });

}

Hope this helps.

Hi,

You will need to add your website content into this template design, meaning creating all the pages like in the design with your content.

Regards.

After doing some investigations on how to render aspx pages using framework7 script I can see on the web some people manage this by “The best method would be to not render the user’s view with .NET, but just render it with HTML. Use the .NET Web Api as a bridge between your server-side logic and your F7 front end.” So it seems that .aspx extension of the page will not work, try to make it .html

Try to investigate how to combine framework7 V1 with aspx page extension. Look for discussion like THIS one.

Regards.

Thanks for your reply., i already went thru, Do you have any other template which can support ASP.Net Webform?

Thanks Basit.

Hi,

Yes from our portfolio https://themeforest.net/user/mobiokit/portfolio

There are 2 last items Niobe, and Mobili which are pure html/css and are not using Framework7 as main core. They work with everything.

Regards.

Hi,

I can see you bought Niobe template and not Mobix right? So will answer to your question there.

Regards.

Hi,

Are you asking about a custom service here? Or if this mobile template can do this job?

This mobile item is an HTML mobile template. So his purpose is to provide just a design starting point for a mobile web app, or event a native app integrated with solutions like phonegap or cordova…

As it is this template will not work installed into Salesforce crm.

And to create a native app you will need another solution integrated with this.

Regards.

It has a preloader enabled in my-app.js file

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

It’s the general preloader from framework7.js code.

Regards.

Hi,

Can you show us a demo url with datatables integrated into the template?

Remember that all secondary pages are loaded with Ajax, so if you load datatabels into a secondary page use the corect way to initialize it inside the my-app.js file. Like the rest of the JS scripts we are using inside the my-app.js for each secondary page.

Regards.

Hi,

I can see on your demo that you allready fixed that.

But will answer here for other users help.

In my-app.js the main initialize function

var myApp = new Framework7({
    animateNavBackIcon: true,
    // Enable templates auto precompilation
    precompileTemplates: true,
    // Enabled pages rendering using Template7
    swipeBackPage: false,
    swipeBackPageThreshold: 1,
    swipePanel: "left",
    swipePanelCloseOpposite: true,
    pushState: true,
    template7Pages: true
});

Just remove the “swipePanel: “left”,” and the left panel will no longer open with swipe.

Regards.

PS. Really nice app you guys have created, congrats!

A new update is coming soon.

Hi,

No, there is no V4 framework version of Mobix, since their V4 is a totally different thing, not just an update to V1.

In the future Mobix will no longer depend on framework7 since we have builded our own custom framework more simpler. So an update it’s on the list to be launched soon.

Regards.

i create custom form, using javascript and ajax for submiting form, but nothing happened.

script with

$(’#registerr’).click(function(sp){

......

});

not work

Hi,

1. Use the select example from form.html page to create a select

2. Follow the example on the contact page to submit a form with ajax. So you have in my-app.js a function to validate and submit like

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

And then see the email.js file from the JS folder to see what happens in the function that sends the email (function ajaxContact(theForm) {............)

Hope this helps.

Regards.