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.

Please add VUE.JS in next updates.

I don’t have a vue.js version on my todo list but I’ll think about it. If I decide to do this version it won’t be available sooner than September/October.

Thank you!

Please add vue.js. September/October. was exellent!

Any plans to make a React version?

Hi, sorry, I don’t have plans for React version.

Hi, I’m struggling with displaying selectize drop down options when they are within a wizard within a modal window. I’ve tried everything I can think of, but the options appear underneath the modal. If I take the wizard out of the equation it works. Can you tell me how I can fix this? I tried to trigger it with data-md-selectize-inline but still no joy.

thanks

Hi, it can be done but require few changes to js/html code.
In altair_admin_common.js find altair_forms.select_elements(); function and change this 2 variables ($selectize,$selectize_inline)
select_elements: function(parent) {
    var $selectize = parent ? $(parent).find("[data-md-selectize-delayed]") : $("[data-md-selectize],.data-md-selectize");
    ...
    var $selectize_inline = parent ? $(parent).find("[data-md-selectize-inline-delayed]") : $("[data-md-selectize-inline]");
then in html you will need to add data-md-selectize-inline-delayed attribute to selectize dropdown (in modal)
// eg.
<select class="uk-form-width-medium" name="snippet_language" id="snippet_language" data-md-selectize-inline-delayed>
    <option value="javascript">Javascript</option>
    <option value="php">PHP</option>
    <option value="css">CSS</option>
</select>
I’ll add this fix to Altair in next release

Works like a charm, thanks for that!

No problem :)

Thank you for update!

no problem :)

Hi Tomek, is the fix for the small chat issue I raised (http://pasteboard.co/r6E4oSyzN.png) in 2.10.0 as I’ve upgraded and the issue persists? If no, can you tell me when the next release is due please? Thanks!

Hi, that’s a good idea, thank you.
I’ll add it to my todo list and I’ll add it to Altair in the next release.

On page_chat.html I use a textarea for my submit message instead of an input so multiline messages can be posted. I updated the style for .chat_submit_box textarea{max-height: 150px;} so the textarea auto resizes and it works really well.

I’m struggling to get a similar effect on the page_chat_small.html and was wondering if you could help (or add it to the to-do) as well as any styling for adding a Send button to the small chat like Facebook?

Hi, thank you for your suggestion, I’ll add it to my todo list.

I really liked it your theme. Is it easy to custom the colors of the Dark theme? Because you only have one

Hi, it’s quite easy to customize/add new theme, you can use gulp task for that or you create new theme (duplicate one of the compiled theme) and manually customize this new theme. If you need more info please let me know.

is there an event listener for modal when closing/opening? i want to add some code when these events triggered.

Hi, yes, this events are available. Please check ebents on https://getuikit.com/v2/docs/modal.html#javascript

thank you very much it works. do you have a fix for IOS mobile browser to prevent background scroll while modal is scrolling

Hi, I need to investigate this bug on IOS mobile browser, I’ll try to add fix for that in next release.

Hello.., new update?

okay thanks…

I don’t have a vue.js version on my todo list but I’ll think about it. If I decide to do this version it won’t be available sooner than September/October. CRUD table should be ready in about 3 weeks.

hello.., crud?

Hi again! :) How can I make the FAB position fixed at the bottom right, that is, disable the FAB moving up on page scroll down?

Solved! :) Removed the “md-fab-in-card” class from md-fab-wrapper, et voila. :)

I’d really really like to see more of the documentation on the intended purpose of various classes ans JS functions..

Hi, thank you for your suggestion, I’ll add it to my todo list and I’ll ty to add it to Altair documentation asap.

Hi! What would be the proper way to make an input field label outside the input field itself, inline or stacked?

Hi, if you want to put label outside input field you can add ’.label-fixed’ class to input, please check ‘Label fixed’ example http://altair_html.tzdthemes.com/forms_regular.html or please check Form stacked example here https://getuikit.com/v2/docs/form.html

Hi and thank you for a great Template.

I guess this one is based on UIKit v2 right?

Will you update/ do an v3 any time soon?

Thanks again :)

Hi, sorry, but I don’t have close plans to update Altair to UIKit 3. There is to many changes in html/css/js code, also there is some components missing (Slideshow, Slider, Slideset, Parallax, Nestable, Lightbox, Dynamic Grid, HTML editor, Date- and Timepicker). I’ll think about it again after UIKit 3 reach stable state.

Hi,

No problem, i will stick to v2 until v3 is stable. Im really excited about UIKit, i have been using Bootstrap for ages and now i tried the BS4 version and got errors with my Vue components.

The BS template i used (Remark) has 19 css files and 41 js files for index demo and yours 8 and 17 and still much more features, looking really promising :)

I use Laravel and Vue so i was looking for a more clean css framework were i can use more and more Vue instead of traditional jQuery/js.

UIKit feels som much cleaner than Bootstrap and your template rock.

Hi, thank you for your support and your kind words :)
I decided to use UIKit because I wanted to try something new, there is a lot of bootstrap templates but very few using UIKit and it turns out that I like to work with this framework more than Bootstrap framework.

Hello, i have a question about Advanced select in forms, How can i add optgroup with Advanced Select?

Hi, when you insert data dynamically you need to update input, to do that use this function:
var obj = $('input id or class');
altair_md.update_input(obj);

Thanks, I really appreciate your help.

No problem :)

When I paste the URL straight to the Gallery page, the items overlap each other. This happens in both browsers I tried, Chrome and IE. Start the browser fresh and put in: http://altair_app.tzdthemes.com/#/pages/gallery

It seems to happen quite randomly. Looks like this: https://imagebin.ca/v/3IXADAfgApdA

Hi, it seems that grid plugin is initialized before all images are loaded, I’ll fix that in next release (very soon).

kendoui_autocomplete.html rtl in input X not in true plase and overlay input text. Please test other rtl plagins. This take place in many cases.

Hi, thanks for the info. I don’t know why but it seems that for some KendoUI components there is missing ‘k-rtl’ class (required for RTL). I was sure that it was added that for all the KendoUI components, anyway it will be fixed in next release (very soon). For now please check http://demos.telerik.com/kendo-ui/autocomplete/right-to-left-support

Any plan to upgrade to UIKIT3?

Hi, I was thinking about it but I decided not to update Altair to UIKit 3. There is to many changes in html/css/js and also there is some plugins/components missing (Slideshow, Slider, Slideset, Parallax, Nestable, Lightbox, Dynamic Grid, HTML editor, Date- and Timepicker)

Hi! Question: doing a bower install for uikit doesn’t bring in uikit.js and uikit.min.js files, only the core and components folders area available. How did you resolve this dependency?

Sorry if I want to use it as a standard to manage the sites that I realized is necessary to buy the extended license or I can use the standard

Hi, you need to buy extended license when the end product will be sold or users have to pay to use your end product, please check
https://themeforest.net/licenses/faq#main-differences-licenses-a
https://themeforest.net/licenses/faq#license-paying-users-a

Hi! Awesome template. I just have one question. what made you decide to use UIkit over Bootstrap?

Hi, thank you.
I think the main reason that I decided to use UIKit over Bootstrap was that I wanted to try something new, there is a lot of bootstrap based templates but very few based on UIKit.
In UIKit you can find many components like: datepicker, timepicker, notify, sortable, upload etc out of the box. Also you can find many helpful additions like:
Match column heights https://getuikit.com/v2/docs/grid.html#match-column-heights
Grid gutter https://getuikit.com/v2/docs/grid.html#grid-gutter
Animations https://getuikit.com/v2/docs/animation.html
Dynamic grid https://getuikit.com/v2/docs/grid-js.html
and many more

Thanks, My employer bought the template and we are now in the process of using it. However, Doing a bower install for uikit doesn’t bring in uikit.js and uikit.min.js files, only the core and components folders area available. How did you resolve this dependency?

Hi, I’ve just tried latest version and after ‘npm install’ and ‘bower install’ commands ‘uikit.js’ and ‘uikit.min.js’ are in ‘bower_components/uikit/js/’ folder. Please check again (please also check uikit version in bower_components/uikit/)

No “select multiple” available? http://altair_html.tzdthemes.com/forms_regular.html Would you help me?

Hi, if you need regular ‘multiple’ select you just need to add ‘multiple’ attribute to that select
<select multiple>...</select>
If you need styled select please check ‘Advanced Selects’ here http://altair_html.tzdthemes.com/forms_advanced.html
Hello, I appreciate very well your efforts to answer our questions, I have a little worries in forms, here an example in codepen: http://codepen.io/anon/pen/KWrexm?editors=1000 - The two inputs firstname and lastname are not aligned like Address1 and Address2? Can you fork the pen and fix this for me? - What is the best way to display input group and the best practice ?

hello, thank your for your answer, But i need to use validation classes with input? It’s possible with using grid? Can you edit your codepen with an example that show a validation error without jquery ?

I get it work in this codepen : http://codepen.io/anon/pen/dvweOO?editors=1000 Thank you for your answer, I appreciate your help.

Great, I’m glad that it’s working for you.

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