670 comments found.
In you invoice page, you can add new rows at the bottom, I am trying to have the input elemnts as selectize it works for the first one, but not on the dynamically added rows,
If you want to initialize selectize plugin for dynamically added content you need to add
data-md-selectize-delayed attribute to select element and then after adding this element you need to initialize this newly added component
altair_forms.select_elements(parent_id or parent_class);
eg.
<div class="dynamic_elements">
<select data-md-selectize-delayed></select>
</div>
altair_forms.select_elements('.dynamic_elements');
Please check http://altair_html.tzdthemes.com/forms_wizard.html
How to add a search field above a selectize.js select after data-md-selectize has been processed by Altair?
You can add it like this:
<div>
<label>Search...</label>
<input type="text" class="md-input" />
</div>
<select id="select_demo" data-md-selectize>
<option value="">Select...</option>
<option value="a">Item A</option>
<option value="b">Item B</option>
<option value="c">Item C</option>
</select>
Could you please tell me your next release date for this template? Thanks
Hi, I don’t know yet but probably mid November.
I see the comment above about multiple entries in the gantt chart. What would the ganttData be to have multiple date entries in the first series together with a user avatar? At the moment I only see a single series and then sub_series allowing multiple date entries below it. I just want one row with a user avatar and then multiple date entries on that row. Thanks.
OK, I managed to get something working for my scenario by tweaking the JS. My question now, is can overlapping date entries be displayed on separate lines for a clearer display?
^ All I found is this https://github.com/thegrubbsian/jquery.ganttView/pull/12 but it’s far removed from your changes. Perhaps the overlap logic could be integrated at some stage?
Hi, I’ll take a look and I’ll try to integrate this overlap logic into gantt chart.
Hi Tomek, I’m adding a search box above a md-list-outside-wrapper (as in the invoices) and this moves the scroll box down below the page as per list_outside() function. Is there a way to achieve this without adjusting the 48px margin offset? Thanks.
Hi, I was checking if it can be done other way but it seems that there is no other way to achieve this without adjusting this top margin.
Thanks for your quick reply. Perhaps you could demo page / address this in the next release? On a related note, do you think it’s possible to have the Scrum Board layout with a md-list-outside on the left-hand side as well, or will the double height header mess the scrum header, etc. up?
Hi, sorry for the delay. I’ll add this to my todo list. I think it’s possible to have Scrum Board layout with a list on the left, I’ll check and if it’s smal adjustment I’ll also add this in next release.
Is it possible to extract pages out as single pages (i.e. outside of the app frame)?
Thanks
Hi, it’s not possible and also not permitted to use just one page/component, please check https://themeforest.net/licenses/faq#license-components-a
Hi, this feature will be added in next release.
Hello tzd. Crud table->pager,excel export?
Hi, at the moment I don’t have plans to add this features but I’ll think about it.
hi. next release?
Hi, I’m not sure yet but probably middle of November
hello.. how to do slider tab header(10+ tabs)? + update?
Hello top menu 3+ level menu pls… help
Hi, this release is not ready yet, for 100% it will be uploaded to themeforest this year but I can’t specify the date. This features like multiple slider tabs and 3+ level top menu are not available. I’ll add them to todo list but I can’t specify when it will be available.
hmm… pls man. its very urgent for me.
Hi, what is urgent for you? General update or this features that you mentioned? Update will be ready before end of this year for 100% but I’m not sure about this features.
dynamic tab and multilevel top menu
Hi,
In “plugins_gantt_chart” when you have more than 1 event on the first line, it goes wrong. Do you know why?
Thanks
getBoundaryDatesFromData: function (data, minDays) {
var minStart = new Date(),
maxEnd = new Date(),
entries = [];
data.forEach(function(group) {
group.series.forEach(function (entry) {
if (entry.sub_series) {
entry.sub_series.forEach(function (subEntry) {
entries.push(subEntry);
})
} else {
entries.push(entry);
}
});
});
entries.forEach(function(entry,index) {
var start = Date.parse(entry.start),
end = Date.parse(entry.end);
if (index == 0) {
minStart = start;
maxEnd = end;
}
if (moment(minStart).isAfter(start)) { minStart = start; }
if (moment(maxEnd).isBefore(end)) { maxEnd = end; }
});
// Insure that the width of the chart is at least the slide width to avoid empty
// whitespace to the right of the grid
if (moment(maxEnd).diff(minStart,'days') < minDays) {
maxEnd = moment(minStart).add(minDays, 'days');
}
return [moment(minStart)._d, moment(maxEnd)._d];
}
in “gantt_chart.js”... thanks very much
No problem.
Yes, you are right, in “gantt_chart.js” 
Hello Tomek,
I have a problem in which the scrollbar doesn’t show up when I have a dynamic content. This is reproducible in both Chrome and Firefox browsers in their latest version.
Please see this link -> https://ibb.co/mVQPEQ
Thanks.
Hi, it’s hard to tell what’s wrong without seeing the actual code but first please check js console for errors.
UIkit is the best. Coupled with the material CSS it’s a no brainier. I would recommend Malihu’s mCustomScrollbar plugin over your current custom scrollbar, as well as defaulting to Highcharts for graphing, and TinySort for sorting all of the lists, etc.
Hi, I’m very sorry for the delay. Thank you for your suggestion, I’ll think about it.
Ciao! Is there a way to disable the left/right tab scrolling in the “page_user_profile.html” that goes into the “Photo” and “Post” tab, so that you can only go there by clicking on the tab?
As of now if you scroll left anywhere on the page you are sent to the next tab.
<ul class="uk-tab" data-uk-tab="{swiping: false}">
Hi again, in html > plugins_xeditable.html > you have 2 sample of select2: Select2 (tags mode) and Select2 (dropdown mode) , but you use/call them from js file ,
can u help me how can i implement these select2 in my html like selects that u use in forms_advanced or forms_regular? witch css and js must include and a sample of select html code
(i want to work with select2 component in altair but need more sample/help to change my html selects to select2)
, Thank you
Hi, select 2 is only used in x-editable plugin at the moment and is not implement across the Altair template. I’ll add do it in next release. I’ll try to release next update before end of October.
OK, Thank you
Hi, in ecommerce_product_edit.html > #product_edit_tags_control , is it possible to add drag_drop to tags? it seems selectize support drag_drop tags , is this option available in current version?
Hi, drag&drop is not implemented in Altair, I’ll add it to my todo list and I’ll try to add this feature asap.
Just about to download the last release for x-editable support. Looks from the comments above there’s some issues with multiple selectize? Is this only in certain scenarios or will a fix release be forthcoming?
Hi, this multiple selectize issue was related to parsley validation not x-editable. As far as I know there is no issues with the x-editable.
Hi Tomek, feature request for a black and white / high contrast theme to satisfy accessibility requirements. Thanks as always for your great support.
Hi, good idea, I’ll add this to my todo list, thanks.
What’s coming up for Altair Tomek? The last update seemed more focused on fixes, so was wondering what’s ahead?
I’m not sure yet, I need to think about it. At the moment I’m busy with other things so next update won’t be released sooner than October/November.
Hello Tomek,
Can you help me why I got 2 sort of top-pagination using your new page called “Contact List v2”? I’ve created my own but I got 2 hierarchical show when reloading the model list or adding data to the list.
Please see this link for the issue -> https://ibb.co/jXP33a
Hi, I think that this issue happens because you initialized this plugin twice, please check your code and let me know.
Hi,
The code is the same as yours in Contact List v2. I can also confirm is this is reproducible in your sample code as well. Please see the link -> https://ibb.co/dGOpUF
I added a button to call the “addContact” function from the controller. Here is the code for the “contact_list_v2Ctrl”.
angular
.module('altairApp')
.controller('contact_list_v2Ctrl', [
'$rootScope',
'$scope',
'contact_list',
function ($rootScope,$scope,contact_list) {
$scope.contact_list = contact_list;
$scope.$on('onLastRepeat', function (scope, element, attrs) {
$("#contact_list_v2").listnav({
filterSelector: '.listNavSelector',
onClick: function(letter) {
console.log(letter);
}
});
});
$scope.addContact = function(){
contact_list.push(
{
"id": 25,
"name": "Eduardo Genita DR",
"avatar": "assets\/img\/avatars\/avatar_05.png",
"company": "Goodwin-Nienow",
"featured": false,
"info": "Qui ipsa aut quaerat in magnam nihil eligendi nemo repellat.",
"email": "guy89@yahoo.com",
"phone": "(341)501-3725"
}
);
}
}
]);
$scope.$on('onLastRepeat', function (scope, element, attrs) {
if(!$("#contact_list_v2").hasClass('contact-list-initialized')) {
$("#contact_list_v2").listnav({
filterSelector: '.listNavSelector',
onClick: function(letter) {
console.log(letter);
}
}).addClass('contact-list-initialized');
}
});
Hello Tomek, Wow! Thank you for the awesome support for my inquiries!
No problem
Hello Tomek,
I found a possible bug with the latest version of this template.
1.) Parsely max like data-parsley-max=”4” is not working property, it will says “This value should be lower than or equal to 4.” even though you have already inputted 4 digits.
<div class="uk-modal" id="carTypeModal">
<div class="uk-modal-dialog">
<form id="carTypeModalForm">
<div id="modal_spinner" class="uk-modal-spinner uk-hidden" />
<div class="uk-modal-header">
<h3 class="uk-modal-title">{{ car.Id === undefined ? 'Create New Car Type' : 'Edit Car Type' }}</h3>
</div>
<input type="hidden" id="Id" name="Id" ng-model="car.Id" />
<div class="uk-grid">
<div class="uk-width-1-1">
<div class="parsley-row">
<label for="Name">Car Brand Name<span class="req">*</span></label>
<input class="md-input" name="DayNum" id="DayNum" ng-model="car.Name" md-input required />
</div>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-1-1">
<div class="parsley-row">
<label for="NumOfSeats">Number of Seats<span class="req">*</span></label>
<input class="md-input" name="NumOfSeats" id="NumOfSeats" ng-model="car.NumOfSeats" md-input data-parsley-type="number" required />
</div>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-1-1">
<div class="parsley-row">
<label for="NumOfDoors">Number of Doors<span class="req">*</span></label>
<input class="md-input" name="NumOfDoors" id="NumOfDoors" ng-model="car.NumOfDoors" md-input data-parsley-type="number" required />
</div>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-1-1">
<div class="parsley-row">
<label for="ModelYear">Model Year<span class="req">*</span></label>
<input class="md-input" name="ModelYear" id="ModelYear" ng-model="car.ModelYear" md-input data-parsley-type="number" required />
</div>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-1-1">
<div class="parsley-row">
<label for="TransmissionType">Transmission Type<span class="req">*</span></label>
<input type="text" class="md-input" config="{ create:false, maxItems: 1, placeholder: 'Select...', valueField: 'Id', labelField: 'Name'}" options="[{Id: 1, Name : 'Manual'}, { Id: 2, Name : 'Automatic'}]" ng-model="car.TransmissionType" id="TransmissionType" name="TransmissionType" selectize required data-uk-tooltip title="Choose type" />
</div>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-1-1">
<input type="checkbox" id="IsAirConditioned" ui-switch ng-model="car.IsAirConditioned" />
<label for="IsAirConditioned" class="inline-label">Is Air-Conditioned</label>
</div>
</div>
<div class="uk-modal-footer uk-text-right">
<button type="button" class="md-btn md-btn-flat uk-modal-close">Cancel</button>
<button type="button" class="md-btn md-btn-flat md-btn-flat-primary" ng-click="saveModel()">{{ car.Id === undefined ? 'Create' : 'Save Changes' }}</button>
</div>
</form>
</div>
</div>
I think that you are looking for data-parsley-maxlength not data-parsley-max. data-parsley-max validates that the given input (number or date) is less than or equal to some maximum value (number or date). please check “Built-in validators” http://parsleyjs.org/doc/
Hi Tomek, is there a way to combine a slider with a gallery / image to create a slideshow with thumbnails? Perhaps like the widgetkit Showcase component? I’m also looking for a vertical slider if possible? Thanks.
Hi, it seems that combining a slider with a gallery is possible, please check https://github.com/uikit/uikit/issues/1237
There is no vertical mode for slider https://github.com/uikit/uikit/issues/1975
Thanks for the pointers, will check them out!
Hi,
I was just finished upgrading my project with the latest template altair_v2.12.0 from altair_v2.11.0. I noticed and I guess this is bug that there is a duplicate error message displayed for the selectize DOM. Please see the screenshot and an HTML code snippet.
<div class="uk-form-row">
<div class="parsley-row">
<label for="TourOperatorId">Supplier</label>
<input type="text" class="md-input" config="{ create:false, maxItems: 1, placeholder: 'Select...', valueField: 'Id', labelField: 'Name'}" options="tourOperators" ng-model="package.TourOperatorId" id="TourOperatorId" name="TourOperatorId" required selectize />
</div>
</div>
<div class="uk-form-row">
<div class="parsley-row">
<label for="CurrencyCode">Currency</label>
<input type="text" class="md-input" config="{ create:false, maxItems: 1, placeholder: 'Select...', valueField: 'Code', labelField: 'Name'}" options="['PHP', 'USD', 'EUR', 'JPY', 'CNY', 'MYR', 'THB']" ng-model="package.CurrencyCode" id="CurrencyCode" name="CurrencyCode" selectize required data-uk-tooltip title="Choose currency" />
</div>
</div>
Hi, sorry for the delay. It seems that this issue happens when you have more than one selectize in your form, I’ll check why this issue happens and I’ll fix that in next release.
Hi,
No worries. Thanks for the information. I will visit on this page from time to time for the update.
Thank you.
Hi Tomek,
Has this bug fixes include in v2.13.0?
Hi, should be ok now, I was trying to reproduce this bug but everything was ok, please check. If it’s still not working please send me message to tzdthemes@gmail.com, I’ll check this asap.
Hi,
I have problems when using angular_datatables.
Details are as follows: https://github.com/l-lin/angular-datatables/issues/1083
Please help me.
Thank you!
Hi, please check your email.
Thank!
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
