Hi,

The mDatatable plugin does not accept the routerLink inside row at the moment, until we release the native version.

In the meantime you can do with jQuery way. Please refer to this site: http://keenthemes.com/forums/topic/how-to-make-datatables-action-buttons-navigate-to-other-componentpage/

Thanks.

Hi ,

Each component will create an HTML tag (defined in selector div with class) and wrap the template html defined templateUrl.

@Component({
    selector: ".m-grid.m-grid--hor.m-grid--root.m-page",
    templateUrl: "./theme.component.html",
    ...
})

From html you will cannot find the tag, because the tag will be created during angular compile.

Thanks.

My understanding about Angular is that specified selector should match DOM element (which implies it should exist). I added a new module and component. It didn’t bring m-grid.m-grid-hor.m-grid-root.m-page in DOM while inspecting in Chrome Dev tools. It adds a DOM with m-grid__item.m-grid__item—fluid.m-wrapper class only causing collapsed layout. Is anything am I missing while adding new component.?

Hi,

if specified selector without DOM, angular still will create it. if no tag is defined, by default the tag will be “div”. default component created by angular-cli is something like “app-component”. this will create an extra level to the html tag and wrap existing component. it will cause issue to the existing css. can you check our angular demo in theme.component.ts? also you can check our default (HTML) tags tree structure: https://ibb.co/hMdBAG

Thanks.

Hi,

Thanks for your feedback. Its not in the plan at the moment. But we may consider it in the future.

Thanks.

Hi ,

Thanks for your interest in Metronic 5. Do you mean the dropdown(the topbar notificatio, quick action and user profile dropdown menus) animations during show and hide ? If you referrer to this please note that this is normal animation effect where the dropdown is toggled with 0.3second ease animation. If you referred to something else please clarify it with more details.

Thanks.

Yes, so it’s a normal effect ? Is it easily customizable ? Do you have the roadmap timeline for the new demos ?

Yes, that is a normal effect and you can customize it globally. The new demos are still in progress and we will release them as soon as possible.

Hi ,

You can use the online layout builder to check available layout options: http://keenthemes.com/metronic/preview/?page=builder&demo=default

Each demo has own layout builder and you can access it by clicking on the wrench in the right center toolbar. If you need any further clarifications please let us know.

Thanks.

Hi ,

Just in case if you haven’t seen it yet, we are delighted to inform you that Metronic finally has its complete dark mode version. You can check the dark mode preview here https://preview.keenthemes.com/metronic8/demo1/dark/index.html

Regards, Sean

Hi ,

Thanks for your feedback. Good spot. We will fix the issue in the next update by next week.

Thanks.

Hi,

Thanks for the feedback.

We will consider it in the near future once we release all the planned features for the default jquery and angular versions.

Thanks.

Hi,

Sorry, we could not understand your question. Could you please clarify it with more details ?

Thanks.

Hi ,

Yes, we will be releasing 3 new timeline components in the next release in 1-2 weeks.

Thanks.

Hi,

Did you implement ajax server side pagination or still loading all 1000 records at once ? Did you try to load it without images ? I see that single image load taking 4-5 seconds which may indicate that your local server starts responding slower to subsequent requests. Will it be possible to deploy your application into your test server and give us an access to it ? If we can check your site in action we could tell the cause of this issue. If you can’t provide the test access please email us(support@keenthemes.com) your code so we will run it in our end and investigate the issue. Please try to provide more details as we need to be able fully simulate your code in our end.

Thanks.

Hi ,

Due to complexity of its installation and maintenance for customers we have removed PHP preview and builder and made it available online. Now you can use the online layout builder for each demo(just click the wrench icon in the right center toolbar): http://keenthemes.com/metronic/preview/?demo=default

Thanks.

Hi ,

All the available flaticons are listed here: http://keenthemes.com/metronic/preview/?page=components/icons/flaticon&demo=default

If you need any further clarifications please let us know.

Thanks.

Hi ,

Yes sure, we will migrate these feature into v5 very soon. Stay tuned!

Thanks.

Hi

Thanks for the clarification. This feature was already implemented and will be released in the next update that we are planning to release in 1-2 weeks. You will be able to save checked row states when you pagination and also can fetch checked rows using the new API method. Stay tuned!

Thanks.

That sounds brilliant. Nice one!

Thanks

oh and the js is something like this:

data: { type: ‘remote’, source: { read: { url: ‘{{ route(‘jsonfile’) }}’, /laravel returns JSON/ method: ‘GET’, }, },

I lie… almost a minute to load! :s

Hi,

As per our checking there is no room for optimization when you are loading over 1000 records and paginate them locally.

In your case we would suggest you to use the server side pagination. For example you can load 10, 20 records per page instead of loading all the records at once and pagination the in the frontend. You can refer to the ajax datatable examples here: http://keenthemes.com/metronic/preview/?page=components/datatables/base/data-ajax&demo=default

The ajax datatable also works like the json file but its more efficient when you have a dataset with a lot of records. To learn more on the ajax datatables you can refer to the source code of the ajax datatable demo’s JS initialization or refer to the documentation. If you need any further clarification please let us know.

Thanks.

Hi,

To put images in your custom layout requires some custom css code. You can just add whatever code required in your custom.css file. Also you can refer to the bootstrap’s documentation related to images: https://getbootstrap.com/docs/3.3/css/#images https://getbootstrap.com/docs/3.3/components/#media

Thanks.

thanks!

You are welcome

Hi,

If you are looking for the build.json build config file you should check “theme/default/tools/conf/default.json”. Also please refer to the recently updated online documentation keenthemes.com/metronic/documentation.html.

If you need any further clarifications please let us know.

Thanks.

Hi ,

Here you can check all possible portlet styles: http://keenthemes.com/metronic/preview/?page=components/portlets/base&demo=default

To remove the shadow from the header you should customize the sass code. Are you able to compile sass files ? If not yet, please refer to the documentation and install the required tools. Then go to your demo’s sass folder “src\sass\demo\default\” and create “_custom.scss” file to put your customization sass code and include it in “style.scss” after ”@import “custom” right after “footer/default”. Then you can add below code to override the header shadow and remove for desktop and mobile modes:

//== Desktop Mode
@include desktop {
        //== Aside Left Skins
        body.m-aside-left--skin-light,
    body.m-aside-left--skin-dark {
        .m-header {
            .m-header-head {
                @include shadow(none);            
            }
        }
    }
}

//== Mobile Mode
@include tablet-and-mobile {
       .m-header--fixed-mobile {
        .m-header {
            .m-header-head {
                @include shadow(none);
            }
        }
    }
}

Then compile the changes using “gulp” command.

Thanks.

Hi ,

Yes, the trendy dashboard demo will be the next demo. Due to its complexity its take more time and we are not able to give accurate ETA yet. But we will do our best to release it as soon as possible.

Thanks.

Hi,

Base href tag in index.html is for the router. You can check more info in the Angular doc.

https://angular.io/guide/router#base-href

Thanks