598 comments found.
Hi,
I really like this theme and am currently using it, but I am having issues with getting the charts to automatically update with new data. On the AngularJS side I am doing an ng-repeat like so:
ng-repeat=”sensor in sensor_data track by sensor.serial_number”
And then I have some charts inside of it (examples here: https://gist.github.com/fdabek1/c3f9804f6804e6b416a4236c1c5fcc0a).
“sensor.history” is an array that is being updated, but the charts do not update until I refresh the page. When I take out the “track by” directive in the ng-repeat, the elements are updating but by flickering which is not a smooth animation.
What is the best way to have data be updated using your template?
Thanks!
ui-refresh=”app.setting.color” it will refresh when the app.setting.color data change.
you can bind this to your controller data.
It seems when I use select2 with parsley then select2 becomes inactive. Also when using select2, datetimepicker becomes inactive.
Note: I search for select2 problem, one of the threads suggested to load and use select2 before parsley. I used it and it works but as soon as parsley loads select2 again becomes inactive.
Also can you tell how to manually reload ui-load/ui-jp?
if you use ui-jp=”parsley” on form and ui-jp=”select2” on the input. it will load parsley first.
1. you can include the select2 and parsley on the page without lazyload.
2. or put the select2 files in the parsley plugin in the config.lazyload.js.
parsley: [
'../libs/jquery/select2/dist/css/select2.min.css',
'../libs/jquery/select2-bootstrap-theme/dist/select2-bootstrap.min.css',
'../libs/jquery/select2-bootstrap-theme/dist/select2-bootstrap.4.css',
'../libs/jquery/select2/dist/js/select2.min.js',
'../libs/jquery/parsleyjs/dist/parsley.css',
'../libs/jquery/parsleyjs/dist/parsley.min.js'
],
you can use the uiLoad function to load other plugin.
uiLoad.load(MODULE_CONFIG[self.attr('ui-jp')]).then( function(){
// call the plugin
});
Thank you very much! You’re awesome 
I use $('id').html('<div ui-jp="xxx" />'); or$('id').append('<div ui-jp="xxx" />'); , ui-jp will not trigger, it should be how to solve, thank you
no auto trigger, you need manually init it. $(‘id > div’).uiJp();
Such as the following web site:
http://nitianwang.com/flat/html/index.htmlThrough your approach has been resolved, thank you very much.
$("id").on('click', function() {
$(".class").plugins(options)
});
$(".class").plugins(do sometings,{options})
<div ui-jp="plugins" ui-options="{}" />
The above ui-options should be how to write
Aside and flatkit inside the JS what is the difference? I looked at the basic JS name is the same, I need to buy the aside as an upgrade JS flatkit?
The ui-option is different for each plugins. you need look into the plugin options.
Aside and Flatkit have the same basic JS.
Thanks
How to add button and click event on datatable? I am using Laravel if it helps.
Also can’t tell how awesome this UI Kit is. Thank you very much
This is only old version of Angular 1.5?? What about support to make it 2.0?
Working on the 2.0. Thanks
<div class="icon" data-options="options" />
Where there is no use of ui-include can be performed, but the use of the ui-iinclude place can not be implemented
Replace the ui-include with your real content. or code the icon.js as a jquery plugin, and use ui-jp to call this plugin.
When to upgrade to angular2? It’s November now~~Thanks
Angular2 delayed. working hard on it. Thanks.
When will you release ? 11/E or 12/M ? Thanks
12/M Thanks
When to upgrade to angular2? Thanks
Try to release in this month. Thanks
How is the angular2 progressing? Would you please give me the temp. version? Thanks
Still working on it. Thanks
Ajax append in the contents can not read ui-jp
ui-jp will call when using pjax. if you use other ajax append content. you need manually call the ui-jp.
How to disable sorting/ordering with specified custom column of dataTable
"aoColumnDefs" : [ {
'bSortable' : false,
'aTargets' : [ 0 ]
} ]
since you’re using ui-jp to load the library, where should I implement this code? I keep getting ”$(...).dataTable is not a function”
You can place this in the ui-option in the html page.
The html files for layout 5 are missing in git repo. Could you pls add them?
Added. Thanks
Not a single file(dashboard.5.html) is missing in git repo. Comparing to the downloaded archive, I found ‘layout.5.html’, ‘logo.white.svg’ and so on are still missing in git repo.
oh, will add in next update. Thanks
My company purchased your UI kit. Does this come with a PSD? I can’t find it anywhere in the ZIP file.
No psd file for this theme. Thanks
hi. hope you are still on track for the angular 2 version, BUT i certainly prefer you take your time than rush it. a main thing about the angular 1.x version is how fast the pages loaded compared to other admin templates out there, fingers crossed that it will still be the same.
Thanks for the suggestion.
Just wondering, when will this be updated to Bootstrap 4 Alpha 5?
Looking into it. Thanks
Any updates on this? It has been a couple months.
Working on the alpha.6. Thanks
I have used E chart Line Graph of template and it is working , but when change the scope value echart not refreshed or reloaded.
Please let me know how can i resolve it.
No angular directive for E-chart, you need use a watch to update it in your controller when scope value changed.
myChart.setOption(option, true);can u send me sample code ?
var option;
scope.$watch(value, function(newValue, oldValue) {
option.value = newValue;
$('#echart').setOption(option, true);
});
How to receive click event with selected data in pie echart -angular
myChart.on(ecConfig.EVENT.CLICK, eConsole);
It is an amazing work. I am developing on python with flask.
I have change all the routes to my flask /static/assets/ path but I can not change the JQuery path, and still searching the files in /libs/jquery/screenfull/dist/screenfull.min.js instead of /static/assets/libs
html/scripts/ui-screenfull.js. change the
uiLoad.load('../libs/jquery/screenfull/dist/screenfull.min.js');
Path.
Please use the purchased account to post questions.
Thanks
Hi, I have updated fullcalendar to v3.0.1. jQuery and Moment versions are supported but still I am getting the error when I try to change to new view bult to v3 which is list view. I am using: defaultView: ‘listWeek’, under UI options to make it default but when page is loaded this is what I get in console: fullcalendar.min.js:9 Uncaught TypeError: b.class is not a constructor
could you help me out how to resolve this and successfully use v3 in this template.
(btw – I have only replaced current files with files from 3.0.1)
Thanks in advance
You can replace the
”../libs/jquery/fullcalendar/dist/fullcalendar.min.js” with ”//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.min.js”
in angular/scripts/config.lazyload.js or html/scripts/config.lazyload.js
it works fine.
thanks!
Unfortunately although version 3.0.1 seems to be current version it doesn’t allow me to turn on List View in any way. Here are my settings
<div class=”fullcalendar col-md-12 p-l-xs p-r-xs” ui-jp=”fullCalendar” ui-options=”{ defaultView: ‘weekList’, (tried with ListWeek didn’t work) allDayDefault: true, lazyFetching: true, fixedWeekCount: false, aspectRatio: 1.3, firstDay: 1, droppable: true, header: { left: ’’, center: ‘prevYear prev title, next nextYear’, right: ‘today’ }, height: 600, windowResize: function(view) { . . . Could you please assist?” />
btw – here’s error message from the console: fullcalendar.min.js:formatted:4693 Uncaught TypeError: e.class is not a constructor(…) fullcalendar.min.js:formatted:4963
Not the “weekList”, but “listWeek”
<div class="fullcalendar" ui-jp="fullCalendar" ui-options="{
header: {
left: 'prev',
center: 'title',
right: 'next'
},
defaultDate: '2015-12-12',
defaultView: 'listWeek',
}" />
Look into
http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.jsfcViews.list, fcViews.listDay, fcViews.listMonth, fcViews.listYear
i tried that as well (i mentioned it in above comment) – any other suggestion why it wouldn’t work??? – this is one feature that I was reaaaaly waiting for and it is very important to make it work – would you be able to udpate calendar page in theme demos to include list view as well?
Thanks in advance!!
It works for me. listWeek lowercase first. not ListWeek.
When you navigate to a message in an inbox – you are still within the “inbox” app – the ui-sref active state on the left menu disappears causing a poor ux to easily look at the menu and know where you are.
You can pass the fold in the app.inbox.item({id:inbox.id, fold: inbox.fold}), then use this parameter in the controller to active the menu.
I am getting Error
npm ERR! Flatkit@1.1.2 start: `node node_modules/http-server/bin/http-server -o` npm ERR! Exit status 8 npm ERR! npm ERR! Failed at the Flatkit@1.1.2 start script. npm ERR! This is most likely a problem with the Flatkit package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! node node_modules/http-server/bin/http-server -o npm ERR! You can get their info via: npm ERR! npm owner ls Flatkit npm ERR! There is likely additional logging output above. npm ERR! System Darwin 14.5.0 npm ERR! command “node” ”/usr/local/bin/npm” “start” npm ERR! cwd /Users/anashassan/Desktop/Projects/Website/todo/site npm ERR! node -v v0.10.28 npm ERR! npm -v 1.4.9 npm ERR! code ELIFECYCLE
You can run “npm install http-server” to re-install the “http-server”.
Hello, I want to get show the data’s from another site with API methods.(samples: http://tweepsmap.com/ and http://sociograph.io/ and https://pro.iconosquare.com/) In this template(...) instead photo link and infographics can you put it? So I import data from other sites. Can we do this the data transfer? Or Is there your advice another a template to me?
Regards
Not this template. thanks
UI Grid doesn’t respect width as you use ui-view animation. So if you use horizontal scroll ALWAYS for ui grid and a grid that’s larger than the width you set in grid options it breaks because of the ui-view animation.
see: http://ui-grid.info/docs/#/tutorial/191_horizontal_scrolling
“In some cases, and in particular with the bootstrap modal, you may find that your grid renders smaller than the available width (or sometimes appears to render not at all. This is believed to be because the bootstrap modal animates the initial render and the grid renders whilst the modal is still animating – the available space isn’t as expected. You can correct this by calling handleWindowResize. The animation time seems to be somewhat variable, so the currently recommended approach is to use $interval, and to call every 500ms for the first 5s after modal opening.
In a sense this is similar to what the auto-resize feature does, but it only does it for a short period after modal opening.”
Disable the ui-view animation on ui-grid page.
removal of “ui-view” doesn’t show the subviews though. How do you recommend doing this?
I mean the ui-view animation if you have apply it on ui-view.
I don’t have any animation I just have “ ” and it still does not work.
? Please answer.
Please answer?
Remove below style in “libs/angular/angular-ui-grid/ui-grid.bootstrap.css”
.ui-grid-canvas,
.ui-grid-header-canvas{
width: 100% !important;
}
