Hello

It’s not a bug, .border-lg class usually is used in elements, that already have border, so basically it just increases border width.

But .border-top-lg class is for some specific elements only, where you can add top border and add color helper class.

Feel free to add or change helpers if you need it for some specific case.

Thanks

Thanks for reply,we have shared our code to your mail id,so pls check your email and get back to us as soon as possible

Thanks for reply,we have shared our code to your mail id,so pls check your email and get back to us as soon as possible

Hi

I have replied to your email 2 days ago, please check your mail.

Thanks

Hello

Of course, could you please send an email to e.kopyov[at]gmail.com? I’ll send it over.

Thanks

Hello

If that happens in Safari browser, it’s a well known bug which renders CSS transitions incorrectly. The only thing which can cause CPU issues is charts and chart tooltips – dashboard uses native D3.js charts, which require custom JS configs and need some time to render SVG elements. In theory this should not affect CPU, but if you have a lot of SVG charts, this may cause some delay in rendering and a bit more resources. All other components are using 1-2 JS libraries and a set of CSS files, i doubt that they can cause such issues.

Thanks

Hi

The proper way would be changing background-color property in select2.less file, line ~244:

.select2-selection__choice {
    background-color: @color-slate-700; // change to whatever you want
}

And recompile files.

Thanks

hello

Not in the near future, 6th layout will have another option of vertical navigation. I’ve added this kind of nav to tabs layout, with some modifications you can get exactly what you want, because it’s a general nav layout.

Thanks

Hello

No, it’s a static HTML template, not a Wordpress theme or Wordpress admin theme plugin.

Thanks

Hi

It’s pretty difficult to make charts 100% responsive – if you have a lot of points in line chart, this chart won’t be readable at all on mobile portrait mode.

Sure, what kind of problem do you have with Child rows example?

Thanks!

I was hoping if you can help me add a Child rows table into the template i tried to follow steps on this link https://datatables.net/examples/api/row_details.html but didn’t work. could you please help me add such a table to the templates tables page thanks

Of course, if you have tried already and didn’t make it – please send me your code to e.kopyov[at]gmail.com, i’ll make necessary fixes and send the file back to you.

Thanks

Hi

1. Of course, you can combine different options with extensions.

2. Yes, here you can find a Scrollable Datatable example (last on the page). Basically you just need to set an option with visible area height:

scrollY: 300 // 300px container height

Thanks

Thank you so much!

Sorry for issue, but the correct file is _bootstrap/tables.less and whe have added color: inherit; in this portion of file (line 124):

.table-hover {
  > tbody > tr:hover {
    background-color: @table-bg-hover;
    color: inherit;
  }
}

Hello

Good catch! Thanks for reporting, will include your fix in upcoming update.

Thanks

Hey

Sorry i don’t understand what you mean. Please provide more details.

Thanks

Can i fully customize the dashboard?

Of course, but for dashboard charts you need to know JS, because all charts are based on native D3.js code.

Thanks

Unfortunately no, ticketing system as well as forums will be included in the next updates only.

Thanks

Hello

Yes, will be included in upcoming update.

Thanks

Hey Peter

You can do some JS magic – calculate dynamically container height with jQuery and attach to window resize event. Something like:

// Calculate container height excluding content above container (navbar, page title etc.)
var containerHeight = $(window).height() - $('.your-container').offset().top;

// Set height
$('.your-container').css('height', containerHeight);

// Attach to window resize
$(window).on('resize', function() {
    setTimeout(function() {

        // Set height
        $('.your-container').css('height', containerHeight);
    }, 100);
}).resize();

This should do the trick.

Thanks

Thanks, it worked. If possible 1 more question:

What variable should i change in layout 3 material ltr css in order to make sidebar collapsed by default on ipad in horizontal layout, ie i want menu collapsed on all devices with width <= 1024px not 768px

Thanks

Hi

I think you need to edit @screen-sm variable in /less/core/variables/variables-core.less, this should work i believe, but needs a proper testing.

Thanks

And Pricing Tables too).

Hi

Will consider these additions in future updates. Thanks for suggestions!

Hello

Correct, you need to use only 1 configuration of Switchery. Assuming you are using form_checkboxes_radios.js file. Please do not use any JS files from /assets/js/pages/ in development, they contain a lot of different examples of different plugins. If you check your browser console, you’ll notice JS errors related to other plugins, unless you are using uniform.js, swichery and bootstrap switch all together.

So you would need only 1 configuration example of switchery:

// Switchery
// ------------------------------

// Initialize multiple switches
if (Array.prototype.forEach) {
    var elems = Array.prototype.slice.call(document.querySelectorAll('.your-selector'));
    elems.forEach(function(html) {
        var switchery = new Switchery(html);
    });
}
else {
    var elems = document.querySelectorAll('.your-selector');
    for (var i = 0; i < elems.length; i++) {
        var switchery = new Switchery(elems[i]);
    }
}

Thanks

thanks for the reply, sorry i was being lazy. everything’s working fine now

No worries Let me know if you have any other questions.

Thanks

Hello

Unfortunately that’s not possible at the moment. I’ve split LTR and RTL into 2 different CSS set, because adding .rtl class dependency will make default LTR CSS set a lot heavier. So changing direction is possible just by swapping css files for now.

Sorry about that.

Thanks

By default disabled button doesn’t have pointer events. You can either override default bootstrap code with:

.btn.disabled {
    pointer-events: auto;
}

or wrap button in div and add tooltip to that div (preferred):

<div data-popup="tooltip" data-title="Title">
    <button class="btn btn-default disabled" disabled>Button</button>
</div>

Thanks

thanks. I used div wrapper.

Hi

Yes, with Extended license you are allowed to include Limitless in stock item, which you’ll be selling elsewhere.

Thanks