89 comments found.
I’m using blade laravel component, and when creating a new page using second page feature.html , how do I load the style assets and the javascript.
Hi,
I am not familiar with Laravel, but you need to use a simila system the template uses. Meaning all the JS and CSS to be loaded into the header, and the header to be common for all pages. Similar on how Ajax is working, loading each secondary page in a container on the main page.
Hope this make sense.
I am using codec-mobile-html-template and whenever I add an external link I get “strict-origin-when-cross-origin” and it doesn’t open the link. If I try adding an internal link that seems to have issues as well. I have pinponted the issue down to the template using framework7.js as if i disable this it works fine (however I dont want to do this)... So…how can I stop this happening please?
its ok i have found the solution in an earlier comment (by using the “external” class…..so now I can link to external links.
Hi,
Glad you found the solution.
Yes the solution is corect to use a class = external to the link you want to point externally.
Thanks
Good day,
Kindly assist, on our purchased templete, it does not function on mobile devices both android and ios.
Test link: http://projects.rgmtek.co.za/lodrHi,
What exactly is not working ?. On your url I can see only a form, which looks customized.
Regards.
Hi,
Just edit the .panel CSS class from your style
Change the width: 83%; to width: 300px; like below:
.panel {
z-index: 1000;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute;
width: 300px;
top: 0;
height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
color: #FFFFFF;
}
Regards.
Nice it’s work good new , and i had issue in console : Uncaught TypeError: ScrollFix is not a constructor
ScrollFix is a function we use for mobile. So on desktop will point this error, but on mobile no.
Still on all modern mobiles that function is no longer required, just on old one. So you can delete it if you want from my-app.js file.
Regards.
I purchased the html template. I love the design. It’s simple. However, I’m not familiar with jquery or php. I’ve customized the index.html to my liking, along with the other pages. I’ve linked CSS files and Jquery files to the index and sub pages. I have it running on a test server. It’s perfect. However, how does one go about making the shopping and cart features functional.
Hi,
Thank you for choosing our template.
To make the shop functional you will need to add programming and a database connection. This can be done in multiple ways but all requires a programming language, like php, ajax, angular and JS…etc If you are not familiar with this you will have to work with a developer, this is the only solution.
Regards,
can this template be integrated with godaddy CMS (mysql)?
Hi,
Not sure what CMS Godaddy have, but this item is a HTML template based on framework7 v1 core. You can integrate into a CMS but you need to adapt the layout to the CMS code.
Regards.
Hi,
I want to modify your template to be full screen (i.e. desktop monitor) and panels of cart and login to show over main page, not sliding main page to right. How can I do that? Something like panels demo of framework7…
Regards
Hi,
To do that will require some CSS coding and edit the style.css
The main container can be easily modified to fit the full screen, just edit
#mobile_wrap {
max-width: 1024px;
margin: auto;
}
To
#mobile_wrap {
max-width: 100%;
margin: auto;
}
But still some elements might need a bit editing also since on full screen there si more space.
Hi, I’m not able to put the google map code simple and not iframe
Hi,
Follow the example we have added on the contact page, just like here
http://sindevo.com/codec/codec-blue/index.html#!/contact.htmlRegards.
(Brazil) Ola preciso seu contato whatsapp ou chat estou querendo emplantar o thema codec no wordpress a duvida é simples
Hola, el soporte está disponible sólo en inglés. Y solo por email o aquí en el foro. Para integrar este elemento móvil con Wordpress, debe ver cómo integrar framework7 en Windows, ya que estos elementos utilizan el script framework7 como núcleo principal. Es un script basado en Ajax. Y tu tema de wordpress debe usar ajax también.
Espero que esto ayude.
Use the contact form on our profile page sidebar to send us emails.
Hello,
The browser bar does not disappear when scrolling as usual with the smartphone. Is this error already known or intended? I would be very grateful for solutions.
LG
Hi,
Because this is a full screen layout.
There is no code to disable that bar in the HTML template, and it’s imposible to edit that form a website. That is a smartphone browser option.
So I think you mobile do not hide that bar for full height layout website.
Regards.
hello,
I understand everything, but why is it possible with other webapp template that the browser bar disappears when scrolling. As far as I know, a standard browser function is the search bar. For some reason, the template blocks the?
Did you tested with other web app that use a 100% height layout? I think you tested an auto height layout.
Are you testing with an LG mobile? Or what mobile and browser? We will do some tests
Hello,
I use the Iphone 8 with Firefox or Safari. The problem is with both browsers.
Hi,
That behaviour is normal for full height layouts. So this is not a problem.
Our template use the layout at 100% height, so the browser never actually scroll down, not even on secondary pages. There there is a custom inner scroll.
So the fact that your browser do not hide the top bar is because the layout is buit to be 100% height.
You probably test other mobile template that have an auto height and work like on any other website.
There is no code that we can add/edit to enable that.
But you can save the mobile layout on your iphone home screen with the option iphone have, this will launch it in full screen mode withtout he browser bar. This was our intention too when using 100% height, so users can use it as an web app
Regards.
hi, error no console chorme
[DOM] Found 3 elements with non-unique id #myform: (More info: https://goo.gl/9p2vKq) <form id=”myform” method=”POST” action=”#”>…</form> <form id=”myform” method=”POST” action=”#”>…</form> <form id=”myform” method=”POST” action=”#”>…</form> /codec/azul/#!/meustratamentos.html:1 [DOM] Found 3 elements with non-unique id #submit: (More info: https://goo.gl/9p2vKq) <input type=”submit” name=”submit” class=”form_submit” id=”submit” value=”SIGN IN”> <input type=”submit” name=”submit” class=”form_submit” id=”submit” value=”SIGN UP”> <input type=”submit” name=”submit” class=”form_submit” id=”submit” value=”RESEND PASSWORD”> my-app.js:370 Uncaught TypeError: ScrollFix is not a constructor at HTMLDocument.<anonymous> (my-app.js:370) at Dom7.trigger (framework7.js:11573) at window.Framework7.app.pageInitCallback (framework7.js:1829) at Object.app.router._load (framework7.js:2500) at framework7.js:2632 at Object.preprocess (framework7.js:2172) at proceed (framework7.js:2630) at framework7.js:2653 at Object.complete (framework7.js:1666) at fireAjaxCallback (framework7.js:12108)
Hi,
The 3 forms used with ID’s in the template are simple HTML forms added as demo without functionality. When you will build the functionality of that form just add them unique id’s.
The “ScrollFix is not a constructor” is a function used for mobile devices. When testing it on a desktop browser will give that error. Use on mobile will work without this alert.
olá gostaria de customizar alguns itens e acessar banco de dados porem estou com problemas com #! tem que usar ? tem outra forma ?
Hi,
Open my-app.js file and edit the pushState: set to ” false”, from true
var myApp = new Framework7({
animateNavBackIcon: true,
precompileTemplates: true,
swipeBackPage: false,
pushState: true,
template7Pages: true
});
This will delete the #! used in the url/
Regards.
ok,thanks
xxxxx
teste
-
23
march
Design is not just what it looks like and feels like.
-
17
march
Fashion fades, only style remains the same.
-
09
march
Sed ut perspiciatis unde omnis iste accusantium.
-
18
febr
Nemo enim ipsam voluptatem quia voluptas.
-
03
febr
Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto.
-
24
january
Sed ut perspiciatis unde omnis iste accusantium.
var obj, dbParam, xmlhttp; obj = { table”, limit }; dbParam = JSON.stringify(obj); xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState 4 && this.status 200) { document.getElementById(“demo”).innerHTML = this.responseText; } }; xmlhttp.open(“GET”, “http://servdonto.no-ip.org/codec/azul/getMeus_Dados.php” , true); xmlhttp.send();
does not return anything
Hi,
Accesing your page I got an error “Undefined index: id_nrousr in C:\Program Files (x86)\VertrigoServ\www\codec\azul\getMeus_Dados.php on line 15 direct work “
Well the issue is that we cannot provide support for you custom work, since it’s outside the template code. Any customization you will do it’s outside our support area, since it’s hard to tell what’s wrong there not knowing exactly what you modified.
The only advice we can give is to use php with Ajax in this case, since it’s an ajax template, and data will have to be loaded dinamically.
Regards.
Hi, I’ve sent the link to you to see that the direct work message returns, but when using the same commands with ajax, the question is if you create an html and put the div with javascript works, but the same commands in your template does not work. I just want help to get the data
We did not received any email, please send it again.
Hello, I am using form select element from your custom form page.
What I need: 1. Selectbox with autocomplete feature and ajax loading.
Please help
You have implemented custom select with autocomplete in blix mobile template.
Currently we are using the following code:
<select id=”cc_bank_account_id” class=”cs-select cs-skin-overlay selectoptions”>
<option value=”” disabled=”disabled” selected>Select From Bank Account</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>
Ok will update Codec also with more form options including that autocomplete. Allows us 1-2 days and you will receive an email about the update.
Regards.
Waiting for the update
The update was done.
Just download the archive again from your account for free.
There is also our demo updated with that
http://sindevo.com/codec/codec-blue/#!/form.htmlRegards.
Hi, there is this page called ‘news.html’ but the app.js does not have any method like myApp.onPageInit(‘news’) like it does for many other pages. How do include this?
Hi,
Our news page is called “blog”.
And the target source is in the HTML right on the top lines
<div data-page="blog" class="page no-toolbar no-navbar"> Regards.</div>
Would you add Search function?
Hi,
You need just a search section as design layout, or also functionality. Being a simple HTML mobile template all layout elements are static only. To add a simple search design section is easy I can do it for you.
Regards.
Hello, I bought your template but every time I click on the tabs like Features, News, or Shop, etc. the web page opens up broken. The colors and design are not visible. It’s completely broken. Can you please download the template on your end and duplicate the issue.
Hi,
The template is working fine. Was tested a lot of times with a lot of key users.
You need to:
- test the template on a server, not locally, it uses ajax which is a server side programming - beeing an ajax template, all the subpages like features, news, shop are loaded with ajax from the main index page, so first open index and navigate from there. This how web app mobile template work. They are not simple html template with individual pages. Was made like this in order to save it as an web app on mobile devices. - the contact form work fine, it’s build with ajax and php, and need a server that have mail function enabled in order to be tested, not locally.
It’s clear that this is your first experience with an ajax mobile template, and we suggest hire a developer in order to create your final product.
We are here to help anytime with issues related to the code included in the template.
Regards.
Does the send message feature works? I want to receive the message to my email, can you configure that?
Hi,
Yes it works. Just edit this line in the contact.html file
<input class="" type="hidden" name="to" value="youremail@yourwebsite.com" />
And make sure you test it on a server.
Regards.
Are you sure it will work and i just need to put my email address? I have been watching your template for months. But always hesitating since people tell me I need a script server to make the contact form functional. I dont know all that.
Hi,
The template is working fine. Was tested a lot of times with a lot of key users.
You need to:
- test the template on a server, not locally, it uses ajax which is a server side programming - beeing an ajax template, all the subpages like features, news, shop are loaded with ajax from the main index page, so first open index and navigate from there. This how web app mobile template work. They are not simple html template with individual pages. Was made like this in order to save it as an web app on mobile devices. - the contact form work fine, it’s build with ajax and php, and need a server that have mail function enabled in order to be tested, not locally.
It’s clear that this is your first experience with an ajax mobile template, and we suggest hire a developer in order to create your final product.
We are here to help anytime with issues related to the code included in the template.
Regards.
Hi there, How can I remove the button plus in the CODEC NEWS page? I would like show all news automatically without press the button plus. Is it possible? Thank you
Hi,
You need to:
1. Open blog.html and delete this code:
<div id="loadMore"><img src="images/load_posts.png" alt="" title="" /></div>
<div id="showLess"><img src="images/load_posts_disabled.png" alt="" title="" /></div>
2. Open my-app.js and delete this one:
$(".posts li").hide();
size_li = $(".posts li").size();
x=4;
$('.posts li:lt('+x+')').show();
$('#loadMore').click(function () {
x= (x+1 <= size_li) ? x+1 : size_li;
$('.posts li:lt('+x+')').show();
if(x == size_li){
$('#loadMore').hide();
$('#showLess').show();
}
});
Hi there, How can I change it for 3 icons for line? Is it possible show each square with the same size in height and width? Thank you.
Hi,
It’s simple just open style.css line 305
Change
.main-nav ul li{
width:47%;
list-style:none;
padding:10% 0;
margin:1%;
display:inline-block;
text-align:center;
position:relative;
}
TO:
.main-nav ul li{
width:30%;
list-style:none;
padding:5% 0;
margin:1%;
display:inline-block;
text-align:center;
position:relative;
}
