265 comments found.
Hello, Sindevo Team. We are loving MOBIX. Could you confirm if the latest release is using framework 7 V1 or V2, please? I didn’t find this info in releases log. Thank you.
Hi,
It uses V1
Thanks.
hi,
I need a little customization. I want to gate the application with facebook and manual authentication, can you do this ? and what will be the cost?
Regards, Michael
Hi Michael,
Drop us an email using the contact form on our profile page, and we will discus more details. Regards.
Hi Sindevo help me please I have a error in contact when push on send… ?>
}// Checks Email Field if(!$email) { $error .= 'Please enter an e-mail address.
';
} if($email && !ValidateEmail($email)) {
$error .= 'Please enter a valid e-mail address.
';
} // Checks Subject Field
if(!$subject) {
$error .= 'Please enter your subject.
';
}// Checks Message (length)
if(!$message || strlen($message) < 3) {
$error .= "Please enter your message. It should have at least 5 characters.
";
}// Let's send the email.
if(!$error) {$messages="From: $email
";
$messages.="Name: $name
";
$messages.="Email: $email
";
$messages.="Message: $message
";
$emailto=$to; $mail = mail($emailto,$subject,$messages,"from: $from <$Reply>\nReply-To: $Reply \nContent-type: text/html"); if($mail) { echo 'success'; } } else { echo .$error.''; }}help me please does not send the message to the mail
Hi,
Is this the original code of the template?
If yes please check:
- run the template on a server that support email function - check your spam folder - make sure you edit the email adress from the html file
What happens when you push send, does the sent message apear?
Regards.
hello sindevo 1. yes, it is the original code 2. yes, I test on a server and do not send the mail 3. I test in phone emulator and it does not work either 4. in desktop with server, the sent message comes out, but the mail does not arrive by any side or in spam, neither in the inbox 5. I test as apk and it does not work either
Hi,
The easiest way to do this it to provide me your email adress. I will add your adress to this page on my server, and we will do some tests. This way I can tell if it’s the server of the code.
If you want you can send it to us privatelly using the contact form on our profile page.
Regards.
Hi,
Saw your email , and just replied to it.
Thanks.
I thank you for your help just a question please I wrote you by email…
hi Sindevo thanksss I already got sent email by html by server but my question was How to send email contact in an app? What do I have to configure? changing the url of email.js ??? $ .ajax ({ type: “POST”, url: “https://example.com/example/send.php”, data: formData,
something like that? I want it to work in an app apk pleaseeeee
Thanks for the answer. But in minio template has a js error: TypeError: ScrollFix is not a constructor. (http://preview.themeforest.net/item/minio-html-mobile-template/full_screen_preview/10684269?_ga=2.212566036.1009572660.1517013676-1486668838.1515434249). Paulo Mussolini
Hi Paulo,
That scrollfix is not an error if you are testing it on mobile.
You get that error when testing on desktop screen. That function is added to fix some scroll issue on old mobiles. Can be removed if you want because users start to give up on old mobiles.
Regards.
Hi, team. Mobix – HTML Mobile Template works on Visual Studio 2017 – Cordova ? Tks
I am having a strange problem: On my Iphone, sometimes the index file doesn’t load the css and javascript files and all content gets displayed as text. This seems to happen when the site is added to home screen and I run it from there. Why would this happen?
Hi,
When saving the url to your mobile screen make sure that the url end corectly with index.html and not with index.html#!/index.html
Should load corectly.
Just delete the icon you have on your homescreen, clear history/cache, and save it again.
Regards.
Hi -
we are currently working with your template mobix. My developer struggles to use your Accordion elements in the following way: we have an agenda of several items on one page. Clicking on one of the items on that agenda should lead to a separate page consisting of 10 accordion elements. Now this separate page should open in such a way the e.g. the 3rd accordion element already opened (so the accordion element doesn’t have to be clicked again). Can you tell us, if there is a function that can be used for this in your template and if yes, which function that is?
Thanks!
Hi,
That’s very easy to do.
You need to add the class “accordion-item-expanded” to the main div of the one accordion element div class=”accordion-item accordion-item-expanded”
Just use this example for the accordion that you want to be opened.
<div class="accordion-item accordion-item-expanded">
<div class="accordion-item-toggle">
<i class="icon icon-plus">+</i>
<i class="icon icon-minus">-</i>
<span>Accordion element two</span>
</div>
<div class="accordion-item-content">
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
</p>
</div>
</div>
Regards.
Hi, we are thinking of purchasing this template but have one question up front: on Adroid it seems that the top status bar of the browser does not disappear? Can you confirm also if the address (top) and status bar at the bottom will not show on iPhones? Thanks!!
Hi,
Save the url of the mobile template on iphone home screen, and launch it in full screen mode.
The template will open as a web app, and navigate using ajax, without going in browser mode again.
The same on android, save it on home screen and launch it from there.
Regards.
Hi,
this theme use mobile web site. so, android chrome browser selectbox , input(text box) touch not working.. :{
how..to…??
my licence : f1839638-23d2-46d0-b3de-4cf083e08343
Hi,
Are you using the select input like is it done on this page ? Or simple select version?
http://sindevo.com/mobix/#!/form.htmlShould work fine, unless it’s an old os and browser version.
Regards.
Hi! I’m using your template to make app for ios, android and windows phone and it works great! But I have an issue with “external” link in ios. If in a page I use an external link (with “external” class) on android and windows phone the external link is opened on the phone browser, on ios the link is opened into the app. So the app is blocked in the external site! How can I force ios to open the external link in safari?
Hi,
But what solution are you using to transform the HTML template into native apps? Is it cordova or similar?
Whould really love to see what you created, if the open to public, we can showcase your work if you want.
Regards.
Hi,
I don’t use cordova or similar, but my app is an empty container that poin to the website realised with Mobix template on my server.
Some examples are https://goo.gl/xWwZBg https://goo.gl/m99eTx https://goo.gl/iKQ67b
Hi,
One first idea I have is to use next to external class this
class=”external” target=”_system”
Let me know if that will work.
No it doesn’t work 
On ios devices the link not work, on windows-phone devices after the click a new instance of app is opened (with the url of link), on android devices the link is opened in the app like ios…
It could be also that ios does not allow this. Will try to investigate more.
Thank you for helping me fix this problem. Sorry but i’m not very good at framework 7, i can not run jquery on the inside pages … i’ll explain it better … The gallery should take data from a database. I created the php file that retrieves the data and a jquery function that creates the html to be inserted in the div. Unfortunately if I launch the gallery page from the menu javascript does not run (http://127.0.0.1/PIMAPP/app/Buscaini_App/www/#!/volantini.html), while if the call directly works all (http: /127.0.0.1/PIMAPP/app/Buscaini_App/www/volantini.html) ... Could you help me? Thank you
Hi,
Sure we can help.
It’s very easy to add jquery code or any javascript function inside the template.
Open my-app.js file and see
$$(document).on(‘pageInit’, function (e) {
function.
There all the code for the secondary pages is added to be executed.
If you want to add it just for a specific page only just use this code (example for “music” page):
myApp.onPageInit('music', function (page) {
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
})
Hope this helps.
Regards.
Hi Sindevo, Nice work.am interested in buying. I loaded the app on my phone but it didnt fit the screen correctly. Is this a bug? http://riyadha-m.com/mobix.jpg
Hi,
What mobile are you using, and browser?
The template was tested on multiple devices, and works great.
Regards.
Hello my name is Cristian, i bought your template and i am working on creating a phonegapp app … i would need to open the login popup automatically how can i do it? Thanks and compliments for the fantastic work done
Hi Cristian,
Thank you for choosing our mobile templates.
To open the login popup from javascript automatically use something like this: For a click function
$$('.open-about').on('click', function () {
myApp.popup('.popup-login');
});
To open it directly just add
myApp.popup(’.popup-login’);
Hope this helps. Regards.
There have some problem on form select option, if on iphone tat is no problem, but on android phone the select option detail will hard to click and the detail option won’t show out, sometimes need click and wait awhile then the option detail only show out
Hi,
Are you testing the select on this page?
http://sindevo.com/mobix/#!/form.htmlWhat android browser?Chrome or default android browser?
Regards.
i change the jquery-1.10.1.min.js to jquery-1.12.4.min.js then ok already
and i use the onChange function on select option, but seen like no function, i try to onChange function to call a alert pop-up on my-app.js, but nothing pop-up
myApp.onPageInit(‘unifi_vip’, function (page) {
function refresh_formcontent2(){
alert(“—-—-—-—-—-——-“);
}
})
Hi,
But if you use the original code form the template files unmodified it works? So I know where to looks for the bugs, in your custom code, or in ours.
Regards.
I get this error when open your template:
VM3206:7 Uncaught SyntaxError: Unexpected identifier at eval (<anonymous>) at compile (framework7.js:13160) at Template7.t.compile (framework7.js:13164) at Function.window.Template7.t7.compile (framework7.js:13300) at Object.template7Render (framework7.js:2204) at Object.app.router._load (framework7.js:2287) at framework7.js:2637 at Object.preprocess (framework7.js:2177) at proceed (framework7.js:2635) at framework7.js:2658
Hi,
How do you open it to get that error?
Hi,
Cordova does not writing keyboards on iOS platform ?
Hi,
This is a general question about Cordova, or when used with this template only?
Try using a cordova plugin for keyboard
https://github.com/ionic-team/ionic-plugin-keyboard https://www.npmjs.com/package/cordova-plugin-keyboardRegards.
Hi,
I would like to know if you could give me any solution to the misalignment that I suffer on this page: http://tinyurl.com/y83kwprc
It’s based on your page “blog.html”, but the elements are much misaligned, especially in large resolutions or tablets.
Many thanks in advance for your attention!
Hi,
Here is you solution:
1. In style.css
.post_date{
float:left;
width:100px;
display:block;
text-align:center;
}
span.day{
font-size:55px;
font-weight:700;
line-height:40px;
display:block;
}
span.month{
font-size:20px;
font-weight:300;
line-height:30px;
display:block;
}
.post_title{
width:82%;
float:left;
margin:0 0 0 0;
}
Also add above a new entry:
.post_entry{
width:100%;
float:left;
clear:both;
}
2. Also in style.css but under the Media Queries code
@media screen and (max-width: 680px) {
Add
.post_title{
width:72%;
}
And under @media screen and (max-width: 480px) {
Edit:
.post_date{
width:80px;
}
.post_title{
width:62%;
}
If it’s easier I can send you the style.css by email.
Thank you for notice that small bug.
Regards.
Hi, thank you very much, it’s just what I wanted.
As a contribution, it seems to me that in the “post_title” class (which is not in Media Queries) it would be nice to put a 20 or 30 pixel left margin to make it more aesthetic and avoid overlapping with “post_date” when the name of the month is long. I’ve tried it with percentages but I don’t get good results.
Regards.
Hi,
Can you tell me at what resolution do you see the title overlap with the date?
Testing my files, they seems ok at any resolution.
Regards.
I send you two screenshots at 360×640 resolution with and without the added margin. In the one that’s with margin, I have put 30px to the left.
Without margin: http://imageshack.com/a/img924/5910/M2gmum.png
With margin: http://imageshack.com/a/img924/1837/ptAyvN.png
It’s also possible that has occurred because I’ve added badly the CSS you gave me. If you want, give me your style.css and I’ll try it again.
Hi,
You can see the updates blog section here http://sindevo.com/mobix/#!/blog.html just refresh the page and clear history on mobile if tested with mobile.
The latest CSS is here http://sindevo.com/mobix/style.css
This days will launch also the official update that will be available for download also.
Regards.
How do I use different toolbars for different pages?
By a toolbar do you mean the header? Because the footer is only present on home page. If you meant the home page bottom menu as a toolbar for the rest of the pages you need to customize each html page and add that footer. But you will also need to customize the class of the toolbar to be unique, and load it separatelly from the home page.
Regards.
I would like to use different footers different from the one on the home page on other pages. When I tried to copy the footer on the home page to the desired page it does not work.
Hi,
You will need to create a custom footer, not the one on the home page. Will require some customizations. Basically create a new footer class, and add it to the pages with position absolute or fixed in the CSS.
Will try to create one in a future update of this item.
Regards.
Hi,
I would like to know if in any of your pages (http://sindevo.com/mobix/#!/blog.html for example) I can use fragment identifiers to be able to move the scroll when the page loads, directly with a #[fragmentNameHere] at the end of the URL.
I do not know if I explained well.
Many thanks in advance for your attention!
Hi,
Since it’s an ajax page system you cannot do this. All pages are preloaded with ajax, this why we have that link format.
To use an anchor inside a page to navigate directly to it you cannot use #gohere for example.
I can only give you a javascript code to create a button that will go to a specific position inside a page. But that will not be directly into url.
Regards.
Well, I suppose I can use that javascript to load it when the page opens (I just want to go to a specific position inside a page), so yes, send it to me when you can.
As always, thank you very much for your attention!
Hi,
Here is your javascript solution:
1. In my-app.js file you need to create a function like this, for the page you want to scroll the inside container
myApp.onPageInit('pagename', function (page) {
var container = $$('#pages_maincontent'),
scrollTo = $$('#wheretoscroll');
container.scrollTop(scrollTo.offset().top - container.offset().top + container.scrollTop(), 600);
})
2. Edit the ‘pagename’ with your corect page name.
3. Edit the ’#wheretoscroll’ with the ID you need to scroll to. The ID of the section inside the container.
4. Leave #pages_maincontent as it is.
Just tested the code, and works fine.
Regards.
Thank you very much, it has been perfect!
You are welcome, glad it works.
Regards.
tag in long text ex : “ Accordion element one1111111111111111111111111 “
so, design broken.. who to device size check and Accordion element one11111…. ?
mobix design template not use media css query?
Hi,
Yes our mobile templates use media queries, you can see the code at the bottom of the CSS file.
But I am not sure I understand what your issue is.
Do you have a long word that is not fitting inside the accordion container?
If yes you will need to use “word-break: break-all;” value in CSS for that section.
Let me know if this is what you need and I will update the files for you.
Regards.
