Thank you very much!

Of course, it’s in active development and a lot of new stuff is coming up soon!

Hi

I am sorry, but this requires quite a lot of changes and time. I am currently focused on more important things such as Bootstrap 4 version and less – sass conversion. Dark version will be added eventually, but not now. Sorry

Hey

Yes, it is possible, but requires quite a lot of changes in navbar styling, including default bootstrap overrides – by default all navbar components are stacked on small screens, that means you need to remove all media queries associated with navbar navigation and elements and re-compile less files. Or you can try to play with CSS to override some of them, but you’ll also need to remove default Bootstrap containers from navbar markup.

Thanks

As already being said, it’s a custom set based on Icomoon Ultimate pack. If you want to add additional icons to the current set, i can send you JSON file with icon selection and you can easily add/remove icons and generate new font. Having 1600 icons in 1 set can significantly increase font files size and in 95% you won’t use all icons from a full pack. That’s why i have generated JSON file, so that anyone can build custom icon set based on requirements.

Ok. Thanks

If you need that file, please send me an email to e.kopyov[at]gmail.com, i’ll send over.

Thanks

Hello Joe

Nope, all components and plugins are properly licensed and don’t require any additional purchases.

Thanks

Hi

Could you please tell me which layout are you using? The best possible option is to use icon as a background image, so you can easily change background image in CSS depending on .sidebar-xs class, but for more details i need to know which layout you are using.

Thanks

Hi

1. Yes i do, but i am currently focused more on Bootstrap 4 version and less to sass conversion, so Angular version will be added after next release.

2. You can check out this page, but labels get moved only when you start typing, not when on focus. In the future i’ll add more options, but in current version only this option is provided.

Thanks

Hi

You can add data-keyboard=”false” data attribute to modal container. This option disables escape key.

Thanks

Hi – This worked. Thank you! I am actually using a javascript to do my own thing. So instead of data-keyboard=”false” I added keyboard: false in the modal options.

Thank you for your assistance..

Hey

Yes, JS solution works as well

Thanks

Hey

Hmm, it should work since text inputs are added to table footer and horizontal scrollbar is added to table container. Can you please share your code so i can check what’s wrong?

Thanks

hi kopyov, i tried implementing the scroll into search columns and it can scroll, but it doesnt scroll together with the datatable, it scrolls on its own, ideally i want it to scroll when scrollable datatable is dragged.

heres my code:

and thank you for your support!

setTimeout(function() {

var table = $('.datatable').DataTable({
    columnDefs: [ {
        "targets": [ -1 ],
        "orderable": false,
        "width": "100px" 
    } ],
    dom: '<"datatable-header dt-buttons-right"fB><"datatable-scroll"tS><"datatable-footer"i>',
    responsive: true,
    deferRender: true,
    scrollY: "314px",
    language: {
        search: 'INPUT',
        searchPlaceholder: 'Type to search...'
    },
    buttons: {
        dom: {
            button: {
                className: 'btn btn-default'
            }
        },
        buttons: [
            {extend: 'copy'},
            {extend: 'csv'},
            {extend: 'excel'},
            {extend: 'pdf'},
            {extend: 'print'}
        ]
    }
});

$('.dataTables_scrollFootInner .datatable tfoot td').not(':last-child').each(function () {
    var title = $('.datatable thead th').eq($(this).index()).text();
    $(this).html('<input type="text" class="form-control input-sm" placeholder="Search 'title'" />');
});
table.columns().every( function () {
    var that = this;
    $('input', this.footer()).on('keyup change', function () {
        that.search(this.value).draw();
    });
});

Hey

Hmm, for some reason when scrollY or scrollX option is added, filtering columns are not resizable. Quick workaround is to adjust column size manually on window resize:

$(window).on('resize', function() {
    table.columns.adjust().draw();
});

with timeout or without it, up to you.

Aside question – is there any specific reason of initializing datatables in setTimeout?

Thanks

Hi

Nope, it’s a basic implementation that should work without any problems. Do you have any issues implementing it?

Thanks

Hi – when I put the menu inside a modal, it goes underneath it. I can fix it with styling and a bit of javascript, but thought you might have that already sorted.

Hi

I have just tested button dropdown in modal – everything works fine. Can you please share your code here or email it to e.kopyov[at]gmail.com? I’ll check what’s wrong.

Thanks

thank you!) I wanted to ask if there is a specific reason the double nav which is fixed in desktop is not fixed when seen on mobile?

I also wanted to ask if I put the search bar into the second fixed navbar – can be always visible? I noticed the second navbar gets collapsed when the window is shrinked…

Hi

1. Yes there is a reason – the more elements have fixed position, the less is scrolling area on small screens.

2. Yes, you just need to remove all extra elements from the second navbar and use only 1 element – search bar.

Thanks

Hello,

Yes it is possible, but in some cases you need to adjust top offset for affix component to prevent sidebar from overlapping.

To combine, you need to use JS code from layout_sidebar_sticky_custom.js file (assets/js/pages/). To add fixed navbar, you need to change a markup a bit: add .navbar-fixed-top to your main navbar and .navbar-top to your body tag.

To add sticky sidebar, simply copy sidebar markup from layout_sidebar_sticky_custom.html page.

If needed, adjust top offset in

$('.sidebar-fixed').affix({
    ...
});

Thanks

Hi,

Sure, you can use custom formatter for labels, axes and data. Something like that:

series: [
    {
        name: 'GML',
        type: 'bar',
        stack: 'Total',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'insideLeft',
                    formatter: '{c}%'
                }
            }
        },
        data: [38, 50, 33, 72]
    },
    ....
]

Here label has custom formatter, where {c} is a value. You can find variable definitions on this page below the table.

Thanks

Hi Kopyov,

Thanks so much. It solved my problem.

Thank you!!

Always welcome

Hello

Yes, this page has multiple examples of dropdown submenus.

Thanks

Hi,

For that, you need to change @input-border-highlight-color variable in assets/less/core/variables/variables-custom.less and re-compile your less files.

Please do not edit existing CSS files directly, they are automatically generated from less files. You need to edit less files or create a separate CSS file and add overrides, because when you will update your copy to the latest versions, all your CSS files will be overridden.

Thanks

Ok – so @sidebar-dark-bg is currently defined as @color-slate-900. But for some reason only colours up to 800 are compiled into the final css files. (e.g., there is no such thing as bg-slate-900 in colors.css). Is there a reason for this?

Also, none of the palette.less variables end up getting imported… given that assets/less/core/colors/palette.less is imported into assets/less/core/colors/colors.less, why doesn’t it also end up getting imported when compiling assets/_main_full/colors.less ? Am I missing something on how less files compile?

Thanks

Ok, just realised that less variables don’t get compiled to css… however the first part of my question still stands – wondering why you didn’t define 900 colours in core/colors/colors.less

Hey

1. Yes, to recompile less files, you need to compile 4 files in assets/less/_main_full/ folder (or /_main_starters/ if you want to use starter kit). Those are basically main files.

2. Just wanted to reduce file size, also i have excluded 200 and 300 shades from material design palette. 900 don’t have too much difference with 800, so i have removed them from color helper classes, but variables still can be used. If you need them, you can easily add necessary styles in colors.less for background, border and text colors.

Let me know if you need any help with compilation.

Thanks

Hey

Sorry for delay.

That is very interesting, thanks for suggestion. I’ll dive deeper into its functionality, run some tests and if everything is ok, I’ll defensively include it in the upcoming update.

Thanks!

Hi Kopyov, thank you for considering it. Also, and correct me if I’m wrong, but I cannot find an example in the forms section with a captcha on it. I ultimately made one for myself following your layout form css structure, but still it would be nice if people can already see an example and just copy+paste it

Hey

Yes sure, captcha is already in my to-do list, i missed it in previous updates, but will be added in the upcoming one.

Thanks

Hi

The only thing i found is this, but it uses Datatables Editor extension, which is not free.

Thanks

Hello

Are you sure you’ve posted a comment on a correct template page? Anyway i am not an expert in backend stuff so can’t help you much i’m afraid, sorry.

Thanks

My mistake – wrong limitless wordpress theme Thanks for your reply

Hi

It’s a well known Safari bug, which was reported very long time ago and still hasn’t been fixed.

You can find the most recent workaround here.

Thanks