598 comments found.
If I want to refer to the other JS files in a certain page how to operate
If you enable the pjax to ajax load page. there are three ways you can load the js files(inline scripts).
1, put inline scripts on the page.
2. code the scripts as jquery function and use ui-jp to lazy load. http://stackoverflow.com/questions/12093192/how-to-create-a-jquery-function-create-a-new-jquery-method-or-plugin
3. use the scripts/ajax.js and scripts/ui-load.js to load your js file.
$(document).on(‘pjax:end’, function(event) {
uiLoad.load(‘scripts.js’);
});
Hi Flatfull! can you add me to your gitlab repo? my username is proboter-sebastian
Added. Thanks
I moved contents from angular folder to the root, as you mention in many comments. Now I’m getting three errors during grunt build:
Verifying property concat.generated exists in config…ERROR >> Unable to process task.
Verifying property cssmin.generated exists in config…ERROR >> Unable to process task.
Verifying property uglify.generated exists in config…ERROR >> Unable to process task.
How can I fix this?
You’d better not move the folder when developing. move the folder when you publish on live server.
Hello,
I’m using Angular version with layout 4. I see this layout is fluid, but I want the content, footer and header to be centered, just like themeforest layout. I’ve tried the boxed option, but it’s not what I’m looking for. How can I achieve this?
Thanks for your kind help.
I managed to achieve this using container setting, but the navbar is still fluid. How can I center it?
You can use container class on navbar and use a custom css .navbar.container{margin:0 auto;}
Please I need work with a blank template for FlatKit (Like a Four demo live preview), or how I make this… thanks
Jupox
var p = getParams('layout'),
l = p ? p + '.' : '',
layout = '../views/layout/layout.'+l+'html',
dashboard = '../views/dashboard/dashboard.'+l+'html';
it’s loading dynamic layout.
you can make it fix with layout.4.html
layout = '../views/layout/layout.4.html',
Hi, Please can help me with a blank Angular project on Flatkit | App UI Kit, like a four demo live preview. I need work with this settings, Thx
Hello, what i actually did was i pasted a javascript code on the footer section of the html site. what i noticed is that the script get cached as i move from page to page and generates error. How can i prevent this from happening? I don’t want the script to be cached. Or is there a better way of adding my custom script?
This theme using pjax to ajax loading page. you can remove the “scripts/ajax.js” to disable the ajax.
Hello, i would like to turn off the cache system that exists in this template. How do i do that. i notice that some script are being cached when i navigate via the menu. I would like to turn this off. How do i do this?
If you want to disable the cache when after you edit the scripts when developing. http://stackoverflow.com/questions/5690269/disabling-chrome-cache-for-website-development
the scripts dose load again when it’s loaded on the page. you can disable the pjax to disable the cache. “html/scripts/ajax.js”
I tried .app-header ~ .app-body{padding-top:0} to remove the added padding to the bottom when I add a static navbar to the top and it’s not working.
I have .app-header and .app-aside static both outside .app-body wrapper. So, pretty much: flatfull.com/themes/flatkit/html/dashboard.4.html with app-aside and a static header.
Any ideas? Thanks again for all the help too. I’ve been loving the theme.
If you using dashboard.4.html layout. there is no footer padding. but with 4rem padding under the app-header when you static app-header.
.app-header.navbar-md~.app-body{padding-top:0}.
Hello! Could you, please, provide a PSD file or other graphic elements of Flatkit template for our design team to make prototypes of application.
Hi, No psd file for this theme. Thanks
Can you please add me to your git repo? Username is jerrylopez
Can not find “jerrylopez” on https://gitlab.com/
hey flatfull,
great job 
have you a plan for angular2 version ?
Planned. Thanks
Hi Flatfull,
Very nice and clean theme. However I bumped into a problem. When I open the theme in my chrome browser, the dashboard (html and angluarjs) is not fully functional or not displayed at all. Do you know how I can fix this?
On the AngularJS version:
Uncaught ReferenceError: jQuery is not defined(anonymous function) -> couple of times Uncaught Error: Bootstrap’s JavaScript requires jQuery -> 1 time angular.js:12520 ReferenceError: $ is not defined at openPage (app.ctrl.js:100) at Scope.$broadcast (angular.js:16374)
The above errors are displayed in the console when I copy-and-paste the AngluarJS code in the Electron v1.0 framework without any modifications on my side (100% copy and paste of all themeforest files). 
Put the files on a local server.
Your solution / requirement is not possible because I use the files in client-side environments (frameworks like ionic and electron). I don’t use server-side environments and therefore I can’t use the theme in my projects.
Is there maybe a technical solution for this problem? All the HTML/JS and CSS are client-side right? So why is there a requirement for a server-side webserver? Is there any way that I could could have known about this requirement before I made the purchase?
Yes. All the html/js/css are client-side. but use ajax to load html partials.
Hello How can i get selected value from dropdown.
I used HTML verstion.
Which dropdown component? if it’s Bootstrap dropdown, you can bind a click event on the dropdown list.
It’ not working i don’t know why i’m try to used something follow this example
http://jsfiddle.net/P9fpd/But in your html it not change selected or even i put “alert (alert(this.innerHTML))” It still not popup.
OK i found my bug thanks Pal
Hello,
I just looked through the demo and I think you did an amazing job. I am on the verge of buying this app and I have three questions:
1. You mentioned in the description that you used bootstrap 4 for this theme. I looked through the code and noticed you used .box instead of the new .card in bootstrap 4. Do they work the same way? Will .card work appropriately if I use it in the app?
2. Is it possible for you to add social login buttons (FB, Google, Twitter, Instagram) to the login template?
3. Is it possible to add a form wizard with validation template? It appears that the packet theme has one – http://themeforest.net/item/packet-angularjs-html-web-app/14696285?s_rank=4
Thank you very much as you answer these questions.
- Idris
1. Yes. you can use .card
2. It’s easy to use the .btn to build the social login buttons.
3. http://flatfull.com/themes/flatkit/html/form.wizard.html wizard with validation.
Thanks
I just purchased this. Is there anywhere I can find documentation on how to use this in an Angular app? Also, is there a dedicated support email address?
Also, the form wizard link you provided is for the html version which uses twitter-bootstrap-wizard which uses jQuery. Do you have any form wizard written in angular (preferably as a directive)?
I am having issues installing this with grunt. Do you have a gulp variant?
You should include “npm install” in the installation instructions under “Build Tools”. This will install all the grunt dependencies and http-server indicated in the package.json file.
You can try https://github.com/mgonto/angular-wizard , yes, you need install the grunt libs. Thanks
Hi,
I found the page views/form/form.select.html but it’s not in the router-file, so i don’t know witch files I should include?
.state('app.form.select', {
url: '/select',
templateUrl: function(attrs){ return '../views/form/form.select.php?v=' + Date.now().toString() },
data : { title: 'Selects' },
controller: ????????,
resolve: load(????????)
})In the angular/scripts/config.router.js line 287.
I also don’t want to use it on Node. I just want the plain HTML version.
You do not need install the node. just put the files on a server to preview.
What is going on? When i load the pages locally, the menu doesn’t show up.
I am not happy with this. I need help with this, please i’m waiting…
Put the files on a local server, it’s using ajax to load plugins and html blocks.
Hello do can i update value from json request
check this out this is my data url “http://evergrowapp.mybluemix.net/getfarmstatus?deviceid=Lab-Controlled”
this is my function
$.getJSON( “http://evergrowapp.mybluemix.net/getfarmstatus?deviceid=Lab-Controlled”, function( resp ) {
$.each(resp, function (index, value) { $(”#ui_temp”).html(value.PAYLOAD_TEMP); }); });
why it not working
Are you using the html version? if so, check this http://underscorejs.org/#template , use the underscorejs template() function to populate the template.
Is it possible to make the aside static instead of fixed easily? When I did position: static on the aside it caused issues. Wanted to check with you before digging in more.
Remove the .modal and .left classes on the left. then use a custom css .app-aside{position: absolute}
Thanks a lot! Just letting you know it worked.
Sorry, now I’m noticing after doing this there’s an unnecessary space below the footer now (4rem). I think this is because I made the top navbar static too. Any ideas?
.app-header ~ .app-body{padding-top:0}
