Discussion on Blix - Mobile HTML Template

Discussion on Blix - Mobile HTML Template

Cart 354 sales
Well Documented

mobiokit supports this item

Supported

71 comments found.

Dear, Blix maker.

Thanks for your template. I want to add an input box and button at main page. please. refer to https://www.opencare.com/ and there are address input box and button, “use my current location”. How can I add this. I need your recommendation.

and How can I use framework7 in this template. I added the sample code but it doesn’t work.

Thank you.

Hi,

My idea for the input box on the home page will have to be in the caption code of one slide. Considering the format of the home page there is the only place you can add this. But will require to write custom HTML /CSS inside the caption DIV of one slide on the home page.

Hope this helps.

You can use framework7 V1 in this template, so please make sure you check framework7v1 website and not v2.

Also remember that this is not a framework7 skin. Is uses the main core of it, but with custom design. Anything you want to make and add will have to be added in the same styling, so custom CSS will be needed in some places.

Regards.

Hi, i use this on CodeIgniter, but when i use this for internal link the url become http://localhost/LINK/front/menu#!/http:////localhost/LINK/inputdata

‘inputdata’ is a controller in CI, since CI doesn’t allow direct access to .php file

how do i solve this?

Hi,

Never used CodeIgniter so not sure what is it.

But not sure if your issue is related to the template or the url formating from CodeIgniter ?

So where the issue is, the template is not working in this url format?

Hello, I’m trying to adjust the contents of the badge in navbar, in the initial load of index.hml, but it does not work.

html: \\

javascript in myapp.js -> onready

$(”#idBadge”).html(NunRows);

But after the page loads, and I navigate to other pages and I go back, sometimes the value changed by making the call in onpageInit.

The same problem happens in subviews.

Any tips?

Hi,

If you want to run a code just for index page use

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

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

})

Need menu in footer, is there any option available in theme

Hi,

In the footer of a secondary page?

Yes, I need some sticky footer with icons in secondary page, please let me know if any option is available in theme..

As it is no, there is sticky menu for secondary pages. But can add one in a future update.

Regards.

We’re trying to integrate Blix into our zend framework and we’re having some problems with the swiper-nav.

Our page is f.ex. ’/client/’ and for some reason that makes all the links non-working, no matter what the links are. It does nothing at all. When I write full default path ’/client/index/index/’ I can use nav with .html links. When I change some of the links to work with our system, f.ex. ’/client/calendar/index/’ it stops again working. If I drop the first / for root it seems to work (url changes to that #! format) but doesn’t load anything as most likely it’s trying to load ’/client/index/index/client/calendar/index’.

How can I get links like that working on the nav? For example a Link from page ’/client/’ to ’/client/calendar/’.

Hi,

In your case the best solution will be to use BLIX multipge version. There are 2 version available in the archive you have downloaded.

The one integrted with framework7 which is an Ajax based framework. Not sure will work with zend. And the simple HTML version, this will work with anything,since it’s basically pure HTML format.

Hope this helps.

Regards.

Good template. Will you be updating to v2 of the framework ?

Hi,

Yes we will update it in the next weeks.

Regards.

hi, Congratulations for your work. is it also compatible for tablets? thanks.

Hi,

Yes it works also on tablets.

Thanks.

Do you have any calendar Code

Hi,

Only if you use the one available in framework7 v1 script. Check it outHERE

But you will have to integrate it into the template.

Regards.

We want to auto refresh on tab page.

Do You have any code or script which will be compatible with your theme.

Hi,

Do you meant to auto refresh a secondary page without going to index page again?

Hi,

I am new to Framework 7. Now facing difficulty to get routing to work. Ours is a considerably larger app that has login, data tables and offline data storage. I would like to use a frontend mvc library like vue for data and api o operations. Please suggest me some best f7 tutorials so that i can make use of this template for my project. Also can i upgrade f7 version to 2 in this template?

Regards Binesh Tholath Saash Infosystems

Hi,

1. For framework7 tutorials check their official website. 2. To update to F7 version 3 (they allready moved to 3 I can see) you will need to manually update the files. We did consider making the update also but will take a few time untilll we release it. For now we released a version that is simple HTML and not using F7. You can use that too if you want.

Regards.

Where can I find the changelog for the latest version? Thanks.

Hi,

Just added the changelog at the bottom part of the item description page.

Here is what’s new

  • A new demo version is included that uses simple HTML pages without Ajax, and without Framework7. See the files inside “blix-multipage-no-ajax”
  • In the main demo “blix-main” we have create 2 examples of how to use the header with the logo title centered, and icons in the left side. See index-centered-header.html and page-with-centered-header.html

The framework version still the same, nothing else was modified

what is the new update?

Hi,

Just added the changelog at the bottom part of the item description page.

Here is what’s new

  • A new demo version is included that uses simple HTML pages without Ajax, and without Framework7. See the files inside “blix-multipage-no-ajax”
  • In the main demo “blix-main” we have create 2 examples of how to use the header with the logo title centered, and icons in the left side. See index-centered-header.html and page-with-centered-header.html

The framework version still the same, nothing else was modified

I received an email saying that you have updated this project.

I’m trying to decide if I should update my production server

As there is no Changelog yet,

can you please confirm if there is anything new? (other than what @Sonicisme asked for)

Hi,

Just added the changelog at the bottom part of the item description page.

Here is what’s new

  • A new demo version is included that uses simple HTML pages without Ajax, and without Framework7. See the files inside “blix-multipage-no-ajax”
  • In the main demo “blix-main” we have create 2 examples of how to use the header with the logo title centered, and icons in the left side. See index-centered-header.html and page-with-centered-header.html

The framework version still the same, nothing else was modified

What’s new or fixes in the update?

Hi,

Just added the changelog at the bottom part of the item description page.

Here is what’s new

  • A new demo version is included that uses simple HTML pages without Ajax, and without Framework7. See the files inside “blix-multipage-no-ajax”
  • In the main demo “blix-main” we have create 2 examples of how to use the header with the logo title centered, and icons in the left side. See index-centered-header.html and page-with-centered-header.html

The framework version still the same, nothing else was modified

Hey PDF is not Supporting when we convert APK File. Calendar is also not supporting.

Hi,

Is not supported in our template? Or in generally? Make sure that PDF is suported in generally in APK first. I think in order to add a PDF into an APK format there are specific rules about this. And it’s a bit outside or this template purpose.

Regards.

Hi … first of all, great theme and work done. I’m looking to buy this theme. Just wanted to confirm a few things before going ahead. Im looking to use this theme in a mock mobile app which is to be demo’ed to an audience.

1 – So im wondering how easy is this to customize in terms of colours, adding pages, elements etc. Can we add a splash screen (as in a mobile app) which then goes to the homepage of the app?

2 – Is there a background framework that this theme is based on that we can rely for more documentation ? Or we will need to always contact you for additional support ?

3 – Also can we add a Also somewhere in the future if this demo works well, can the same be compiled into a hybrid mobile app using cordova or phonegap?

Appreciate your thoughts on this.

Hi,

The template was updated. You can download the archive again for free, from your account.

See in blix-main folder the pages “index-centered-header” and “page-with-centered-header”. There you will see examples with the title centered.

If you enjoyed our update, please don’t forget to rate our item :)

Thanks.

Hi … thanks a lot for the update and centered header. Just wanting to clarify : Is the new version using same version of framework? can i just replace the html files in the existing project? since ive already made a lot of changes to it … so redoing them would be a headache :-) ... thanks once again for the great support!

Hi,

Yes the template uses the same version of framework.

You can replace the CSS, but not the HTML. The HTML in your project was modified right? So do not replace it with the one in the new version.

For the centered header just copy the header HTML, and then the header CSS updates, or all style.css if you did not modify yours.

The only big update in this new release was the demo version with multipage without Ajax (folder with “blix-multipage-no-ajax”). The rest is the same.

Dear Author, I am using this theme in angular4, I am getting below error.

Uncaught TypeError: Cannot set property ‘f7View’ of undefined in framework7.js

I googled about this, but I can’t find the solution for this, do you have any idea about this.

My purchase code is: bddfc8a5-bbba-4bbd-a8b0-2a8dcbcf3d39

Hi,

After reading Here about some other users having an issue similar, I think you are not using in the code the view class like we did in the HTML template.

So in our html template we are using in index.html at some point the class div class=”view view-main”

Make sure you did not deleted or renamed that in your angular code. I think framework7 did not see that view-main class that gives that error.

You should test that.

Regards.

Hi, I didn’t change anything, am using as it is.. for reference find the screen shot here

https://drive.google.com/file/d/1Cpy7vP1nhD7563iejTc-DRAwZUkj5COr/view?usp=sharing

Hi,

Are you getting this error when tested the simple HTML template, without the angular integration?

That error shuold not be there is all is integrated corectly.

There are 2 main views in the template used

- in my-app.js I call them

var mainView = myApp.addView('.view-main', {
    // Enable dynamic Navbar
    dynamicNavbar: false,
});
var subnaview = myApp.addView('.view-subnav');

- and in HTML I use the like this

div class="view view-subnav"
div class="view view-main"

Make sure you have them both used, or if removed one, make sure you remove them from the my-app.js as well.

Regards.

hi can make image in home full screen?

Hi,

Do you meant without the bottom menu included?

Yes you can do it, but will require small HTML/CSS changes, incresing the slider height, and place the menu navigation under it, or remove it from the home page.

Regards.

still have menu but the image slide full height how to edit?

Hi,

Replied to your email.

since so many question about how to make login form, making CRUD (i see on your other product template ini Envato), etc… i think you should make it on your document + example on php file.. so the newbie can understand how ajax+php works …

Hi,

Sure will consider in adding a small HELP info in our DOC file included in the template about how php works with Ajax. It’s a bit outside of this template purpose but will add it. We need to stay to the purpose of this template being an HTML mobile template. We do not want to confuse users with php here, since it’s not a template with a CMS. Will not fit the category is in.

Thanks for your feedback.

how to redirect page after login process? i get plain page after login … what should i do with my-apps.js files?

Hi,

Just use this code to redirect with javascript in my-app.js

So after the login is complete just add

mainView.router.loadPage(yourpage.html)

Being an Ajax website, all redirections must be done in the same view, this way your web app will not refresh the url to go from one section to another.

Regards.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey