131 comments found.
Hi Tomek, HTML demo site is returning 404?
Hi,Thank you for your message.
Should be ok now, I had to move my demo sites to other VPS.
Could you please update scutum.sidebarMain.touchGestures() so that if var sidebarHammer isn’t found Hammer isn’t called. In some instances I don’t use a sidebar on the page. Thanks.
if (scutum.helpers.mq.mediumMax() && scutum.$sidebarMain[0]) { ... }
What do you think?
Yes, that’ll work, just stops the exception if the element isn’t found. Thanks!
On the Fancy Footer the the default item is always set to 2 and doesn’t allow to set another (unless calling custom JS and this gives a poor experience as you can see the index change). Be good if the function looked for an active class and set that as the default. Also, is there a mismatch between uk-active and active in the example?
This example is made with the uikit switcher component, that’s why this two classes are present. ‘active’ class is used to set active element on fancy footer, ‘uk-active’ is used to indicate active switcher item.
You are right about the default item bug, I’ll fix that in next release. Thank you for your message.
Hello, I like your new FancyFooter, however I’ve found a small bug: when you view it in mobile it’s ok. Just try to change orientation and it tries to adapt itself but the result is wrong. It can be easily reproduced just by turning your mobile phone. Also, not a bug but a request, it would be great to not just have a FancyFooter but also a FancyToolbar (basically the same but aligned at the top). Thanks!
Hi, thank you for your message. I’ll fix that bug in next update and I’ll also add Fancy Toolbar. I’ll try to release it before end of Februrary.
Hi Tomek, loving the latest update, especially the maximise cards, fancy footer and scrolling calendar events, great work as always!
A question on the scrolling calendar please:
1. Is it possible to make the scrolling calendar full width and repeat the days of week header (M, T, W, etc.) for every day and have the header also move as you scroll (so basically no fixed header)?
2. Is it possible to indicate there is more than one event on a day instead of a single blue dot?
3. Following on from 2. is it possible to have different colours for the different events / dots on a single day?
4. Is it possible when clicking the calendar icon instead of navigating to today it displays a popup calendar to choose a date and navigate accordingly?
5. Is it possible to display / move the slider position to the current date so it’s visible in the view by default (so you don’t have to scroll to today when first initialised)?
Thanks!
I answered my own 5. by using the initialSlide property of swiper plugin. 
Thank you for your kind words.
To answer your questions
1) yes, I think it’s possible. I’ll create an example and I’ll add it to Scutum Admin in next release
2) yes, it’s possible but require some work, I’ll also include it in next release
3) yes, this also will be possible and will be included in next release
4) I’m not sure about this feature but I’ll add it to todo list.
I’ll try to do my best.
5) I’m glad that you have sorted it out
Does the UI Kit Slider support ajax loading of items when beginning or end of scroll is reached?
Hi, I’m not sure if that feature is available in UIkit slider, sorry.
Is there a way for a modal dialog to be full screen on a mobile device (small screen) by using default settings?
Hi, sorry for the late reply.
Yes, there is a way to have modal dialog full screen on a small screen, please check ‘Full modifier’ example https://scutum-html.tzdthemes.com/components-modals_dialogs.html
Please also check https://getuikit.com/docs/modal#full-modifier
Thanks, I saw that, I was wondering if a full screen dialog is possible only on mobile / small screen? If the screen size is wide enough display a normal modal.
// HTML
<a class="uk-button uk-button-default" href="#modal-1" data-uk-toggle="">Open</a>
<div id="modal-1" data-uk-modal="">
<div class="uk-modal-dialog uk-modal-body">
<button class="uk-modal-close-full uk-close-large" type="button" data-uk-close></button>
<h2 class="uk-modal-title">Headline</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="uk-text-right">
<button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>
<button class="uk-button uk-button-primary" type="button">Save</button>
</p>
</div>
</div>
// JS
UIkit.util.on(document, 'beforeshow', '#modal-1', function(e) {
if (scutum.helpers.mq.mediumMax()) {
$(e.target)
.addClass('uk-modal-full')
.children('.uk-modal-dialog')
.addClass('uk-height-1-1')
}
});
UIkit.util.on(document, 'hide', '#modal-1', function(e) {
$(e.target)
.removeClass('uk-modal-full')
.children('.uk-modal-dialog')
.removeClass('uk-height-1-1')
});
Great support as always Tomek and that’s perfect! Any update on the next release?
Hi, sorry for the delay, new version is almost ready. I’ll release it in next monday.
I like the ability to maximise cards, however could we support not toggling the maximise / minimise icons if we don’t want to use them? I’d like to just click on a card title or a read more link and have the card maximise. Then, like Altair, perhaps have a close icon or back icon appear.
Hi, thank you for your message. It’s a good idea, I’ll add it to todo list and I’ll implement it in Scutum asap.
Hi Tomek, as you know I’m looking forward to the next release and hoping the enhanced mobile footer is included. In the meantime I’ve been using the existing footer and I see by default the middle FAB button doesn’t support speed dial (as the position of .sc-fab class is set for .footer class). Please could you look into supporting a speed dial in this and any other mobile footer implementations you add? Thanks!
Hi, thank you for your message. I’ll look into this issue with the existing footer and speed dial. Update should be ready before end of the January.
The idle Time out is not working correctly, how do you fix it so that it hides the modal on the second logout?
Hi, I can’t reproduce this issue with idle time out. Which wersion are you using (vue or html)? Please describe the steps to reproduce this bug.
I am using the Vue version. Steps: i went to the idle time and waited until it logged out. after that i logged in and repeated the same procedure but after the 30 seconds timeout the modal was stuck on the screen. kindly how do i solve that?
Hi, sorry for the delay. This issue will be fixed in next release (update should be ready before end of January)
Hi, the issue i raised about the idle timeout is still not solved in the update, how do i solve it?
Hi, I’m really sorry about that. I’ll check that again and I’ll fix that asap.
could you kindly advice on the way forward about the about the same issue?
To prevent that behaviour and to fix this issue with iddleTimeout please add
container="false" attribute to the modal
<div id="idle-modal" data-uk-modal container="false"> ... </div>
how to create menu in sidebar with nuxt
Hi, menu for the sidebar is located in ./components/navigation/MenuList.vue, there you can find the code that is responsible for creating and handle menu events.
Menu entries are located in ./components/navigation/sidebar_menu.js
If you need help or clariffication how to modify existing menu please let me know, I’ll gladly help you.
Excuse me , how can I change the invoice design in HTML version ?
Hi, invoices has been build with the help of Handlebars (templating language).
To change the invoice design please open /handlebars/templates/invoice.hbs file. In that file you will find the code for the single invoice.
when I changed the invoice.hbs and reload nothing happened the invoice design is still the same
Hi, it seems that this issue is caused by template cache, please clear your browser cache or use incognito mode and try again.
Small but URGENT bug: I use your button “loading effect” at https://scutum-html.tzdthemes.com/components-buttons.html. However, if instead of a normal button (text-only), I use a button with also an icon (icon+text), the “loading effect” does not work any longer. Can you please fix it urgently? Thanks!
Sorry, my fault, I had an error elsewhere, it works! 
Good to know that it works without issues 
Hi Tomek, hope you’re well. Is there a way to add swipe actions on cards and display certain actions (Complete, Delete, etc.) like a swipeable list view?
Hi, I’m ok, thanks. How are you?
At the moment there is no such functionality implemented in Scutum Admin, do you have any examples that I can look into? Do you want something like https://codepen.io/Palestinian/pen/xBDHi but for cards?
Thanks for your reply and yes, you nailed it! Just like that but looking better of course! 
Hello, any plans to add the ability (under mobiles/tablets) to display the sidebar menu using a swipe-right gesture (or hide it using a swipe-left gesture)? Thanks.
Hi, thank you for your suggestion. I’ll add it to Scutum Admin shortly.
Hi, thank you for your message. Gantt chart used in Scutum Admin is a heavily customized jquery.ganttView plugin https://github.com/thegrubbsian/jquery.ganttView
I already use your Altair Theme and i’m planning on moving my interface to Vue.js so i’m considering using Scutum for it since it seems like an equivalent of Altair but in Vue, am i right?
The question is, is this compatible with Laravel? I’ll also be moving my application to Laravel since i use an older framework, will I have any problems starting a project from scratch on Laravel having Scutum as my interface?
Hi, Sorry for the late reply. Scutum is a successor of the Altair template but this template uses UIkit v3 and there is no AngualrJS version. There is a Vue.js version based on nuxt.js framework.
This vue.js version has Laravel integration ( based on https://dev.to/skyrpex/create-a-spa-with-laravel-and-nuxt--54k ). There should be no issues starting your project from scratch but please have on mind that I have tested only Laravel 5.x and 6.x with Scutum Admin. It also seems that packages used (https://github.com/skyrpex/laravel-nuxt and https://github.com/skyrpex/laravel-nuxt-js) are no longer needed to integrate any vue.js app with laravel.
Please check https://laravel.com/docs/8.x/sanctum how to use laravel as a backend and Scutum Admin as your interface.
On another note, are there plans to update to Vue3?
Hi, at the moment I don’t have such plans. Scutum Admin Vue.js version is build on top of the Nuxt.js framework (it only supports vue.js 2, there is no vue.js 3 version)
can i use the template for site having Multilanguage English and Arabic and user can change with one icon between languages
Hi, I’m affraid it’s not possible to switch between LTR and RTL in one template, there are many diferences in HTML/JS code like separated stylesheet for RTL (uikit.rtl.min.css), hard coded classes (e.g. uk-margin-[right|left], uk-text-[right|left]), plugins initialization with RTL languages support etc.
helow i want ask for target: ‘static’, on nuxt config, what should i choose if i want to use SSR mode ?
‘ssr’ property is used to set universal mode (https://nuxtjs.org/guides/configuration-glossary/configuration-ssr)
If you want to build and serve universal app you need to set target: ‘server’ and ssr: true
Please check available commands https://nuxtjs.org/blog/going-full-static#commands
Please also check this full article https://nuxtjs.org/blog/going-full-static
I like the usage of the CLNDR plugin in Altair; would a similar approach work in Scutum or would too many classes, etc. have to be changed? Thanks.
Hi, unfortunately CLNDR is not implemented in Scutum Admin but I think that it won’t take much time to add it to Scutum. I’ll add it to todo list and I’ll try to add this plugin in next release.