670 comments found.
hi.., new update?
Hi, new update will be ready in less than two weeks.
hello.. new release?
Hi, sorry, I’m still working on it. I think that I need one more week to release this new update.
okay.. thanks for reply
hi new update? quiz module?
Hi, I have to move this update to next week, I’m still working on it. Sorry again. I have this quiz module on my todo list, I’ll add it to Altair in next update.
Hi,
Nice template. I’m looking for similar admin bootstrap layout, do you have any plan for bootstrap version? will buy that for sure
Hi, thank you. Unfortunately I don’t have plans for bootstrap version, sorry.
custom ajax post method will run twice at first run, myscript.js: //This code will run twice at first run and will be normal after that. $.ajax({ url: Url, async: true, cache: false, type: ‘POST’,dataType: “json”... }); Maybe problem in common.js : ... function ajaxHandleResponses( s, jqXHR, responses ) {...}, ... How can I do ?
Hi, it’s hard to tell what’s wrong without seeing your code. Please send me link to your site or send me your js code through https://themeforest.net/item/altair-admin-material-design-uikit-template/12190654/support
I found that’s my problem, if html code likes ’<button … data-uk-button>...</button>’, in the jquery bind click event, the button will run two times at first click. It work fine after remove ‘data-uk-button’ attr.
Great, I’m glad that you have found what was causing this issue.
Hi,
For us html version of the code is working fine. As we are new to Angular and UIKit facing difficulty in executing angular version. Could you please provide the step by step instructions (also pre-requisites) to execute the angular version of the template.
Thanks in advance…
Hi, you can run angular version as it is. There are no pre-requisities. If you want to do heavy customization and you want to use gulp tasks you need to install dev dependencies (‘npm install’ command) and then you can use gulp tasks to perform specific tasks, please check tasks in gulpfile.js.
If you are using chrome and you are having errors in js console you need to use web server, please check http://stackoverflow.com/questions/27742070/angularjs-error-cross-origin-requests-are-only-supported-for-protocol-schemes
Hii..
I have to select multiple dates from one date picker.. So is there any possible to have multi date picker.. ??
Hi, I’m sorry but this is not possible in UIKit datepicker. If you need multiple dates lease check eg. https://chmln.github.io/flatpickr/examples/#selecting-multiple-dates
I’m really interested in angular2 versionof this template
Hi, I’m sorry but I don’t have plans for angular2 version in near future.
Downloaded latest version, getting the following when running AngularJS version:
Uncaught TypeError: Cannot read property 'init' of undefined
at app.js:145
at Object.invoke (angular_common.js:4771)
at angular_common.js:4578
at forEach (angular_common.js:325)
at createInjector (angular_common.js:4578)
at doBootstrap (angular_common.js:1809)
at bootstrap (angular_common.js:1830)
at angularInit (angular_common.js:1715)
at HTMLDocument.<anonymous> (angular_common.js:32616)
at fire (common.js:3187)
This points to:
$window.Waves.init();
Hi,
I can’t reproduce this issue, it works fine on my dev env. Please provide more info about your os/browser. Are you using a web server or just opening index.html locally?
Hi,
We are using Node Webkit to make an app based admin area.
I would like to help you with this issue but unfortunately I’m not familiar with Node Webkit. Maybe you can find some info there http://docs.nwjs.io/en/latest/For%20Users/Advanced/JavaScript%20Contexts%20in%20NW.js/
Angular 2 and bootsrap 4?
Hi, Altair is not based on bootstrap framework, in this template UIKit https://getuikit.com/v2/ is used so there will be no upgrade to bootstrap 4. I don’t have plans for angular 2 version.
Hi tzd, I’m facing a probleme with UIkit.modal.prompt i want to use .then to know if the modal is confirmed or rejected but i get this error in console : ” Uncaught TypeError: UIkit.modal.prompt(...).then is not a function
Reference : https://getuikit.com/docs/modal My code : UIkit.modal.prompt(‘Name :’, ’’).then(function() { console.log(‘Confirmed.’) }, function () { console.log(‘Rejected.’) });
Hi, https://getuikit.com/docs/modal this is a documentation for UIKit v3, Altair is using UIKit v2 https://getuikit.com/v2/docs/modal.html
You can check callbacks for confirm dialog here https://getuikit.com/v2/docs/modal.html#native-dialogs
in the demo it shows, Angular JS version. If I buy this, will i get the Angular js version of the entire demo what is being demonstrated here http://altair_app.tzdthemes.com/#/
Hi, if you buy Altair template you will get HTML and Angular 1.x version (LTR and RTL) and also Landing Page.
I want to hidden copy and csv on top of datatable. Thanks.
Hi, please check your email.
Hi – please check the screenshot (https://i.snag.gy/BtnYlW.jpg) the legend at the bottom of the chart gets hidden. How do I make it so that it stays visible at all times. Also a pie chart in the screen is hidden by default – it gets visible only when the full-screen icon is clicked or the page is refreshed. It only happens to that particular pie chart. Any help on how to make it visible by default would be greatly appreciated.
Thanks.
Hi, please try padding-bottom option http://c3js.org/reference.html#padding-bottom
Hi!! Great template! I’m trying to use the ecommerce Product list (angular/app/components/ecommerce/products_listView.html) but the pagination is not working no matter how many products I have – how do I activate pagination? Looking at the source code it looks like have a pagination but it is not showing. Thank you!!
Hi, thank you 
Could you check if demo page is working for you http://altair_app.tzdthemes.com/#/ecommerce/products_list ?
This page uses this pagination plugin https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination there you can find more info how to use this pagination plugin
Please also check https://github.com/michaelbromley/angularUtils/issues/430
oh… yes its working! Sorry, have not checked it before asking. Probably is something broken in my dev environment. Thank you for your help and fast reply!
Pre Sale Question: LOVE THIS!!! This looks great for an upcoming project… one problem though… I understand that the right side chat widget is not functional, however, for the middle one (list of users) that clicks through to the other content (the chat), is it possible to click through to separate content. By that I mean if I click on Candida Nader, can it go to it’s own content, which would be separate / different from clicking on Laney Roberts?
Hi, thank you 
Yes, it’s possible but it would require few changes to js/html code. I can help you with that. Send me a message through support page https://themeforest.net/item/altair-admin-material-design-uikit-template/12190654/support
hello, is it possible to add the print and export to pdf buttons in a plain table?
Also in the table-export how can we choose the columns being exported? I have a collumn that has a button that i dont want it in the pdf.
Which are the files relative to the pdf? I need to change collumn colors and page orientation so that the data will fit in one page.
How can the table fit to the page without horizontal scrollbar. text wrap doesn’t work?
Hi, print/export function is not implemented for plain tables.
About the print customization for datatables please check https://datatables.net/reference/button/print
Tables have 100% width by default and there should be no horizontal scrollbar. Please check this example https://datatables.net/reference/button/print When table is wider than the available space, the horizontal scrollbar will appear.
Hello In hierarchical show how doi match the height of the content regardless of its content?
thanks.
<div class="uk-grid hierarchical_show" data-uk-grid-margin="" data-uk-grid-match="{target: '.md-card-content', row: false}">
<div class="uk-width-medium-1-2">
<div class="md-card">
<div class="md-card-content">
Qui amet aut et qui error non pariatur sit optio et dolorum nihil architecto eaque et consequuntur sit deserunt repudiandae possimus autem et provident quos totam culpa nemo eos accusamus eos quasi nisi.
</div>
</div>
</div>
<div class="uk-width-medium-1-2">
<div class="md-card">
<div class="md-card-content">
Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.
</div>
</div>
</div>
<div class="uk-width-medium-1-2">
<div class="md-card">
<div class="md-card-content">
Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.
</div>
</div>
</div>
<div class="uk-width-medium-1-2">
<div class="md-card">
<div class="md-card-content">
Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.
</div>
</div>
</div>
<div class="uk-width-medium-1-2">
<div class="md-card">
<div class="md-card-content">
Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.Ut neque molestiae enim id et eius dolores excepturi quia at voluptatum eum facere ut aliquid aut quo nihil qui numquam accusamus quae dolorem nam sit.
</div>
</div>
</div>
</div>
Is there a Gantt form for the Gantt Charts?
Hi, I’m sorry but there is no Gantt form available in Altair template.
Hi Tomek, can a uk dropdown have a popout menu / dropdown?
Hi, I’m not sure if I understand correctly, you want a popout menu/ dropdown in uk-dropdown? Could you show me an example?
So second item “pops-out” to a subitem dropdown.
Hi, I’m afraid that this is not possible out of the box.
Please check https://getuikit.com/v2/docs/dropdown.html#grid it’s not popout menu but maybe you can utilize grid to build your menu.
Please also check http://altair_html.tzdthemes.com/layout_top_menu.html (this menu is using dropdown component)
Thanks for replying, I’ll try those out!
One more: Can the preloader be blocking for the page?
Can the preloader be blocking for the page?
Hi, this is not implemented in HTML version, in angular preloader blocks page by default (when changing states).
If you want to just block the page to prevent user interactions you can check ‘blockUI’ modal on http://altair_html.tzdthemes.com/components_modal.html
UIKit documetation – https://getuikit.com/v2/docs/modal.html#native-dialogs
Hi my friend,
uk-datepicker=”{format:’DD/MM/YYYY’, minDate:0}”
Is not working “minDate”, what should I do?
I got it, thank you
Hi, I’m glad that you have sorted it out, for further info about datepicker js options please check https://getuikit.com/v2/docs/datepicker.html#javascript-options