Hi, you can use english lang in echarts, like on http://altair_html.tzdthemes.com/plugins_charts_echarts.html (buttons in toolbar are translated and data source is also translated)
If you need more help with echarts please check https://ecomfe.github.io/echarts-doc/public/en/tutorial.html and https://ecomfe.github.io/echarts-doc/public/en/option.html#title

it’s hard to tell what’s wrong without seeing your code but please try to trigger myEchart.resize(); after echarts initialization (myEchart is a instance of your chart, please check demo page).

hi.., crud-grid angular version?

Hi, I’ll try to add this CRUD table in next release (probably April).

hi… will you create new template like altair? angular2

Hi, I’m working on new template (not material design) and I think that I will also make an Angular 2 version.

okay… i’ll buy that.

but material is best

Hi, maybe I’ll create new material design template with the angular 2 and vue.js support. I’ll think about it.

Hi, thank you for the message.
1) I don’t have plans for vuejs version.
2,3,6 ) I’ll think about it but at the moment I don’t have plans for this components/pages.
4) timeline is already implemented, please check profile page http://altair_html.tzdthemes.com/page_user_profile.html
5) this is already possible, please check http://wwwendt.de/tech/fancytree/demo/#sample-ext-dnd.html
7) Altair template uses jquery v2.2.x
8 ) UIKit is a front-end framework (like Bootstrap or Foundation), please check https://getuikit.com/v2/docs/core.html
9) Checkboxes do validate, they are not required in this form but if you select one you will get message that you must select at least 2 choices
10) this happens because validation is implemented

// this event return false when there are fields that needs to be filled
// https://github.com/rstaib/jquery-steps/wiki/Settings#events
...
onStepChanging: function (event, currentIndex, newIndex) {
  var step = $wizard_advanced.find('.body.current').attr('data-step'),
       $current_step = $('.body[data-step=\"'+ step +'\"]');

       // check input fields for errors
       $current_step.find('.parsley-row').each(function() {
         $(this).find('input,textarea,select').each(function() {
            $(this).parsley().validate();
          });
        });

        // adjust content height
        $window.resize();

        return $current_step.find('.md-input-danger').length ? false : true;
 },
...

you can go back when there is no validation, please check second wizard on http://altair_html.tzdthemes.com/forms_wizard.html

thank you tzd for your detailed reply.

2,3,6- ok looking forward to these new updates

4- I was more talking about something like this: http://themes-lab.com/make/admin/md-layout1/page-timeline.html, with animated content in left and right side

5- but does it have to use jQueryUI?

7- is it possible to use jQuery 3?

9- OK, my bad, didn’t understand it well, and it’s a good thing to know

I have just purchased the template, I’ll start the integration and will definitely let you know if I run into any problems

Thanks for the great job Cheers

Hi, thank you for the purchase and your kind words
I’ll add your suggestions to my todo list.
5) dnd can be done with jqueryUi http://wwwendt.de/tech/fancytree/demo/#sample-ext-dnd.html and without jqueryUi http://wwwendt.de/tech/fancytree/demo/#sample-ext-dnd5.html
7) I tried using jQuery 3 in Altair but there was some issues with 3-rd party plugins and I decided to stay with 2.x version. You can try jQuery 3 version and in case something will not work you can add jQuery migrate https://github.com/jquery/jquery-migrate

You’re very welcome and thanks again for the fast reply

7- As jQuery 3 seems to be improved and faster then v2, I hope your template will fully support v3 in the near future.

Regards

Hi again tzd, hope you’re doing fine.

I’m writing you back with 2 questions: 1- I’m using default sidebar menu, and when I click on the icon “switchIcon” to collapse the menu, it totally hides it, but is it possible to have the “MiniSidebar” in stead?

2- regarding tabs, is it possible to: - activate a specific tab on page load?

- or activate a specific tab when by clicking on a link? for example on Profile page, let’s say I’s like to activate the “POSTS” tab by clicking on “SHOW ALL” in the right sidebar menu

Thanks P.S. for further assistance, should I keep writing here?

One other question please: I’ve noticed that you use 2 icons libraries in your template (google material & UIKIT) that are completely different. Is it possible to use only one that can fit all the needs? MaterialDesignIcons seem to be pretty packed with icons.. or is there another one you recommend?

Thanks

Hi, I’m fine, thanks.

About the questions:
1) There are two versions of mini sidebar. Please open style switcher and check “Mini Sidebar” or “Slim Sidebar”
2) Please check this codepen http://codepen.io/anon/pen/apgMLx About the icons, of course you can use only one of this libraries. I personally would go with Material Design icons because they are designed to be consistent with the Material Design styles.

Thanks tzd for your reply.

1- Yes I know there are 2 other versions of sidebar. Let me explain better what I want: When you click on the arrow (top left) to collapse the sidebar menu, it totally hides the menu, but it would be nice to also have to possibility not to hide it but keep only the icons… just like when using the “Mini Sidebar”.

2- thanks for the link, that’s exactly what I needed

3- I would go with Material Design icons too, but if I use https://materialdesignicons.com/, wont be any problems when upgrading to new versions or altair? Why dont you use only this library? it seems to have almost all icons!!

a new question again please

4- in this page: http://altair_html.tzdthemes.com/components_fab.html is it possible to show the options onHover as well?

Hi,
1) it’s not possible at the moment
2) no problem
3) you can use this library https://materialdesignicons.com/, I think that there will be no issues when using those icons
In Altair I included this library https://material.io/icons/ but you are free to use any icons you want.
4) It’s not possible without modifications

OK thanks

Hi again tzd, hope you’re doing well.

I have some new questions if you don’t mind:

1- is there a documentation for all the classes used in the template?

2- is it possible to have a kindda standalone pages with minimum css classes?

3- I’m just trying to change the font-family but it’s not used only in the body, but also in many other classes. what is the best way to change the font?

Thanks a lot, Regards

complementary to question 2: because in the buttons looks so weird and long will all there 7 classes: for example: <button type=”submit” class=”md-btn md-btn-primary md-btn-small md-btn-wave-light waves-effect waves-button waves-light”>CLEAR</button>. Is there a way to minimize this?

Hi, sorry for the delay. 1) there is no documentation for all the classes used in the template (it would be very hard to list all the classes because main stylesheet has more than 13500 lines) 2) there is no separated standalone pages with minimum css classes.
If you want to use wave effect you don’t need to add ‘waves-effect waves-button waves-light’ classes, they are added by wave effect plugin

// this is the actual code
<button type=”submit” class=”md-btn md-btn-primary md-btn-small md-btn-wave-light”>CLEAR</button>

3) the easiest way is to open main.css in any code editor (n++, sublime etc.) and use command ‘Find and Replace’, then you can replace ‘Roboto’ with your font

Hi, and no worries for the delay

1- OK, the main reason I asked is that I feel like there is so many redundant classes, just like for the button i talked to you about, and I would like to clean up a little bit the code by keeping only the necessary classes, what would be the best way to do so?

3- yes I know i can search/ replace, but I was wondering why font-family isn’t defined only once as it should be to make it easy to change it!

4- do you have a roadmap for your next updates?

Have a great weekend

Hi, if you want to do heavy customization on Altair template you should use /src folder, there you can find src files (in ‘less’ folder) for main stylesheet.
If you are not familiar with less please check http://www.hongkiat.com/blog/less-basic/
In /less folder you will find all less files used in Altair, in main.less all less components/pages/plugins are included, you can remove all this files from main.less if you don’t need them. Then you can recompile new main stylesheet (you can use gulp task: gulp main_less to do that). In _variables_mixins.less you can change default font: .md_font()

OK, thanks, i’ll have a look at that

how about the roadmap?

Hi, I don’t have a roadmap for next updates but I think that new update will be released in April and I’ll try to release 2 or 3 more updates this year.

Hi, OK, thanks and looking forward to new updates

One last question please: i search in your template but didn’t find them, will you add anytime soon the toasts (notification messages) ?

Hi, notifications are already included. Please check http://altair_html.tzdthemes.com/components_notifications.html

Hi, yes, I’ve seen these notifications, but I was more talking about showing multiple notification at the same time: for ex. a first notification is shown, and if there is another notification, it’s showed under the 1st notification. You can see an example here: http://astaroverov.github.io/#!/open-source/vue-toast

Hi, I’ll fix that issues in next update (should be ready in about 3-4 days).

Any eta on the next update

Hi, I think that the new update will be released in about 2 weeks.

hi…

Hi, next update should be ready before end of this week.

cant wait

Hi, sorry, I have to move this release to next week (should be ready 27/28 of January)

please

Sorry, I had few issues integrating echarts ( https://ecomfe.github.io/echarts-examples/public/index.html ) but it works ok now. Next release will be uploaded to themeforest in less than 48 hours.

72+