670 comments found.
Hi,
Great theme; some pre-sales questions if you don’t mind, please note I’m not sure if there are Material Design best practices for these.
- Is it possible to have breadcrumb navigation in the theme?
- Is it possible to have a To Top scroller in the theme?
- Is there a split button in material design or the theme?
- Can the mini-sidebar be displayed on small screen devices (phone)?
- Can text / a title be placed in the header bar for branding purposes (hidden on small devices)?
- The mini-sidebar doesn’t scroll vertically.
- Can a tooltip be added to the exploding FAB as icons alone can be ambiguous?
Thanks!
<div class="uk-float-left md-color-white uk-text-upper uk-margin-top uk-margin-left uk-visible-large">some text added to top bar</div>Thank you for the suggestions.
Thanks for your reply. I agree the mini sidebar might be too much for a small screen device. However, the slide-in menu on small devices needs a close button (or the left arrow) to make it easier to hide.
Hi, I can add close button to slide-in menu but I’m not sure if this is necessary, you can close this menu just by clicking outside (same as gmail app)
Yes, I understand, however on a real device the size outside the menu is very small and not always intuitive, so a close button is clearer for the user.
Hi, ok, I’ll add this close button as an option to main sidebar.
Hi there, what an amazing templates, just wonder does this would be integrated with angular version? and one more question about, do you offer github repo which I can folk?
Hi, thank you
AngularJS version should be ready in less than one week. I’m sorry but at the moment there is no public git repo (I’ll think about it).
Hi, Looking forward to it.
If possible, I think the private git repo would be an option, so anyone who can push the requests and issues after they purchase the templates, and it could be merged by you or your team to next released features, even the dev features could be tested before released (just what I thought and how we corporate with others).
Hi, good idea but I need to think about it. I’m not sure how to handle pull requests (Altair is not an open source project), I need to make sure that all the code and assets can be used in my template (and I need to be sure that I will have all the rights for this template).
Hi. I really like your theme, and was about to buy it but just noticed on mobile, on my Android device, it is difficult to scroll up and down; like its hard to make contact. Is this something you think you will fix? Thanks!
Hi, thank you, it seems that is issue is caused by UIkit sortable component (currently not working on android devices), to fix this issue on android devices you can remove this component (or you can replace it by dragula.js – http://altair.tzdthemes.com/components_sortable.html )
Hello!
I plan to buy your very great admin theme.
But my customers uses TinyMCE.
Do you support this Editor ?
Greetings.
Hi, thank you, there is already integrated wysiwyg editor (CKEditor) http://altair.tzdthemes.com/forms_wysiwyg.html but I can also add TinyMCE to Altair as a second editor (to give users choice). I’ll try to do this asap but first I want to release angularJS version (6-8 days) and then I could release this in next update.
Hi,
I have an issue with the “uk-modals”
When I tried to show a modals withdata-uk-modal="{target:'#modal-add-edit-user'}" which have:
onclick="users.editUser(<?php echo $user['id']; ?>);"
not show me nothing and give me this error:
TypeError: modal.modal is not a function
in this line:
modal.modal('show');
and when I try to show the normal modal (I previously upload the libraries for modal with bootstrap 3) it showed but disordered
Can you help me with this please
Best regards!
Joaquín
Hi, please check this example http://codepen.io/tzd/pen/mJNaPQ In my opinion it’s better to separate content from behaviour/action. I’ve removed onclick event from html, modal is triggered by class ’.edit_user’ and user id is passed by data-user-id, you can use it like this – data-user-id=”<?php echo $user[‘id’]; ?>”.
To avoid conflicts don’t use both bootstrap and uikit at the same time, it seems that functions for some components have the same name, eg. modal(), tooltip() etc.
Hi.. I want the #sidebar_main to behave like the #sidebar_secondary with a toggle placed on the header like the secondary sidebar. Also it should stay covered below the #header_main.
Otherwise, even a close button on the main sidebar will do.
Can you guide me how to do this. Thanks
Hi, this is possible but this customization would require a lot of work. Send me message with your request throught my support page ( http://themeforest.net/item/altair-material-design-premium-template/12190654/support ), I’ll try to help you with this.
Thanks , but i believe atleast adding a “close” icon on the sidebar_main (to slide it back) would be easy. can you in the meantime guide me about that.
<aside id="sidebar_main"> <a href="#" class="button uk-position-absolute uk-position-top-right" onclick="altair_main_sidebar.hide_sidebar()"><i class="material-icons">& #xE5CD ;</i></a> ... // remove space after ampersand/before semicolon from .material-icons </aside>You can also use “Responsive visibility” classes from http://getuikit.com/docs/utility.html to show/hide on specific viewport width.
Guys I am looking for some sample page design in altair for comments threads as like facebook (where people can comments on posts or people also can comments on others comments). Not necessarily it should be as pretty as facebook. Are there any pages already design?
Hi, I’m sorry but there is no post/comments page available at the moment. I’ll add your suggestion to my todo list, I’ll try to include this in Altair asap.
Please check http://getuikit.com/docs/comment.html and http://getuikit.com/docs/article.html Temporarly you can use this components (I’ll change design of this component in future updates to match material design look).
Hi. can i duplicate Datepicker (kUI_datepicker_a) i try but it won’t work.
i try to do start date : datepicker 1 end date : datepicker 2
Hi, please send me message through http://themeforest.net/item/altair-material-design-premium-template/12190654/support with this question. I’ll try to help you with this.
Many issues dragdrop with v1.3 fixed (chromebug), but not all:
http://altair.tzdthemes.com/components_nestable.html not dragable http://altair.tzdthemes.com/components_sortable.html only images in top are dragable, other not. http://altair.tzdthemes.com/page_user_edit.html not dragableplease fix it too Thanks
Hi, I didn’t replace sortable plugin (uikit sortable), I just added dragula.js plugin (and examples) in case if someone needs better touch support. You can use this examples as a base. Dragula.js doesn’t have a build in nestable feature but please check https://github.com/bevacqua/dragula/issues/31 and http://codepen.io/sherbrow/pen/rVZoRp
I will try it. Thanks for the links!
Can you give a diff file as i have already modified and uploaded to production.
Hi, it would be hard to make that diff file because a lot of files has been changed, please use tool like winmerge http://winmerge.org to diff your app with Altair update. There were no breaking changes so if you are not touching core files you can safely overwrite this core files in your app.
I’m familiar with theme updates in WP, but with HTML, when you update the theme, how do we integrate that into an existing site being built with HTML? Are updates focused on JS & CSS versions, with a few new HTML pages?
Are you going back and changing HTML pages, meaning we have to go through our pages and make changes?
Thanks in advance.
Hi, it all depends how you are using core files provided with Altair Theme. If you created your own js/css/json files there’s no worry, you can safely overwrite core files, there should be no conflicts with previous version. If you are not sure what files has been changed by you use tool like winmerge http://winmerge.org/ to diff your version with altair update
So if we need to modify a JS, would we create a “child” .js file that we include at the end of the JS list, so what we add over rides what was in the earlier JS file?
Similar to the way CSS by redefining specific attributes in a class?
As you release new versions, you do not (for example) change class names on tables, etc. That remains the same, correct? So basically we’re dropping in replacement “core” CSS / JS files?
Yes, I think that’s the best approach to work with html templates (similar to child themes in wp). There is no breaking changes in css/js, you can safely overwrite core files (there should be no breaking changes in future updates, just the new features and bug fixes).
It would be cool if you added some sort of themed panel using jsdiff to go along with the code editor and coding related stuff.
Hi, good idea, I see that codemirror has ‘merge’ addon, please check http://codemirror.net/demo/merge.html If this is it that you have on mind I can add this feature to Altair.
That’s really cool, but a bit more than what I was going for. I was meaning more around something like this: http://aug.imghost.us/RlJD.png A little bit more spoofed up though. Using just a custom themed version of https://github.com/kpdecker/jsdiff
Hi, ok, I’ll add this suggestion to my todo list (I’ll try to add this feature to Altair asap but first I want to release AngularJS version).
Hi! Great theme! Looking forward to buy it, but need angular support.
Angular version will be included in current theme item, or will be listed separately? (Just want to know, if I can buy now, and get angular support through theme update)
thanks
Hi, thank You. AngularJs version will be ready soon (I’ll try to release it before end of August) and will be available as a free update to Altair.
Hi tzd, i have some question
There isn’t have bigger tooltip than this ? i need to write some sentences but it not enough for it.
thanks
Hi, I’ll add option for longer tolltips in next update.
There a lot of missing color variables in variables_mixins.less like link colors etc. Also theme_#.less files does not include basic colors like buttons etc.
Sometime later, it’s better to complete all the color variables in theme and mixins to cover all theme.
Hi, I see your point but many of this elements are common for all the themes (buttons, border colors, links etc) You can change this colors if you like but it seems that you want to customize the whole look of this template. For this you can use separated less files. If you need help with this please send me message, I’ll try to help you.
All colors have a theme basic color,like blue, red etc…
I mean that if you have theme color like @md-color-NAME-700 you can also change all 100 to 900 colors.
For example @primary_color that you use for buttons is @md-color-blue-500. For red theme you must use @md-color-red-500. Now you left it on blue. I mean only for basic color pallete 100-900 not for borders, shadows and others. As far I see all the other colors are in the grayscale pallete. Sizes are the same for all colors.
I know that it take time, variables_mixins it’s a start, but it doesn’t cover at this time all basic colors.
I try to find all basic colors in your .less files when I complete my project, but if you have the time to do it, I would be great not only for me but for the other users. I just want to give to my users to choice their color.
Thanks for good job.
P.S. For example change color theme on this page and see that it doesn’t have any affect on Primary button : http://altair.tzdthemes.com/components_buttons.html
Also links like in User Profile does not change their color: http://altair.tzdthemes.com/page_user_profile.html
.md-btn-danger (red) represent a important or potentially dangerous action (remove, delete etc), .md-btn-warning (yellow) can be used to indicate that user should be caution when taking this action .md-btn-success (green) indicates a successful or positive action. This also is true for other component like alerts and badges but I will add few other missing component to themes (primary alert/badge color; link color, wizard header etc). Thank you for your suggestions.
Yes I understand for the special buttons, but I don’t mean that. Only the basic material color palette. I think that this is the logic of material design instructions. Thanks for great support (not only in comment system but also in personal). Of course I totally suggest this theme, you create awesome job in code, it needs some minor improvements but you are there to build it. Thanks again.
Hi! Wonderful template!
When do you think will the AngularJS version be released? Is there any chance of getting something like GitHub access or some other way to get the dev version?
Thanks! 
Hi, thank you. AngularJS version should be ready in about 2 weeks, I’ll try to release it asap but I need to be sure that everything works perfect. I’m sorry but I don’t have a public available dev version. I’ll think about making a github/bitbucket repository. Thanks.
Very nice template. This is one of a kind since this integrate with Kendo UI. Got interested with this template because of that component. The only thing that is holding me back for purchasing this is that there is no front-end component. Good luck with the sale.
Hi, thank you. Front-end will be included in this template in about 5-6 weeks (first I want to release angularJS version and few other features for Altair Admin).
Is the front end still in the future release of this template?
Hi, I’m really sorry for the delay. I’ll try to add landing page to Altair before end of this year.
Thanks!
HI, i have some question about index.html page my “style_switcher_toggle” it’s doesn’t work on my google chrome, but other browser is fine.
ps. other page style_switcher_toggle is fine for google chrome except index.html
Hi, there is an issue with XMLHttpRequest in chrome browser if you open index.html directly (file:// protocol). To prevent this you must open index.html in web server (you can use mongoose https://www.cesanta.com/mongoose , it’s free and very easy to use, just copy executable to altair /dist folder and run this web server).
There is not selectize Tagging?
yukon – (Plugin “Remove Button”) in extended_elements.
yukon – (Plugin “Remove Button”) in extended_elements.
HI, there is tagging plugin already included in Altair, please check “Advanced Selects” http://altair.tzdthemes.com/forms_advanced.html If you need to add a new tag you have to change option “create” from false to true ( https://github.com/brianreavis/selectize.js/blob/master/docs/usage.md )