Discussion on Altair - Admin Material Design UIkit Template

Discussion on Altair - Admin Material Design UIkit Template

By
Cart 3,301 sales
Well Documented

tzd supports this item

Supported

This author's response time can be up to 2 business days.

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!

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 with
data-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.

Hi, place close icon in sidebar like this and that should work:
<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 dragable

please 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.

http://imgur.com/AZgIdl3

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.

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

Hi, I’ll add primary button to themes but other buttons represents a action and can be confusing if you change the color.
.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 )

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey