Hi,

The layout builder helps you to generate the HTML code according to your selected settings. Then you can replace the generated HTML code with the actual HTML code that comes with the theme. The source code of the theme and its build tools helps you to generated the assets while the layout builder helps with the HTML part then you can use both in your server side code in any way you want. Just make sure the assets path are properly set in the HTML code to properly load the css/js files. If you need any further clarifications please let us know.

Thanks.

Hi,

Very sorry for the late reply. Can you give us your datatable init code? Is your datatable use local or remote datasource?

Thanks

No worries, I am using remote datasource, the code is the following.

var datatable = $(’.m_datatable’).mDatatable({ data: { type: ‘remote’, source: { read: { url: site_url + ‘dtrequest/get_invoices’ } }, pageSize: 10, serverPaging: true, serverFiltering: true, serverSorting: true },

layout: {
        theme: 'default',
        class: '', 
        scroll: false, 
        footer: false 
    },
});

sortable: true,
filterable: false,
pagination: true,

columns: [
    {
        field: "id",
        title: "#",
        width: 35,
        sortable: true,
        selector: false,
        textAlign: 'center'
    },
    {
        field: "invoice_number",
        title: "# Factura",
        width: 120
    },
    {
        field: "invoice_document_reference",
        title: "Tipo Fact.",
        width: 70
    },
    {
        field: "invoice_date",
        title: "Fecha",
        width: 75,
        format: 'DD/MM/YYYY'
    },
    {
        field: "customer_name",
        title: "Cliente",
        width: 200
    },
    {
        field: "invoicing_status_name",
        title: "Estado",
        width: 70
    },
    {
        field: "venta_total",
        title: "Total",
        width: 75
    },
    {
        field: "Acciones",
        width: 70,
        title: "Acciones",
        sortable: false,
        overflow: 'visible',
        template: function (row) {
            var options = '';
            var ref = row.invoice_number.toLowerCase() + ' - ' + row.id_module_invoice;
            switch (row.invoicing_status_id){
                case "1":
                    options += '' +
                        ' Vista previa' +
                        ' Editar' +
                        ' Imprimir';
                    if(row.deletable){
                        options += ' Eliminar';
                    }else{
                        options += ' Anular';
                    }
],

break;
            case "2":
                options += '' +
                    ' Vista previa' +
                    ' Re imprimir' +
                    ' Anular' +
                    ' Revertir';
                break;
            case "3":
                options += '' +
                    ' Vista previa' +
                    ' Revertir';
                break;
            case "4":
                options += '' +
                    ' Editar' +
                    ' Anular';
                break;
        }
        return '' +
            ' ' +
            'hover-accent m-btn-icon m-btn-icon-only m-btn-pill" data-toggle="dropdown">' +
            '' +
            '' +
            ' ' + options + ' ' +
            ' ';
    }
}

translate: {
    records: {
        processing: 'Cargando...',
        noRecords: 'No se encontrarón registros'
    },
    toolbar: {
        pagination: {
            items: {
                default: {
                    first: 'Primero',
                    prev: 'Anterior',
                    next: 'Siguiente',
                    last: 'Último',
                    more: 'Más páginas',
                    input: 'Número de página',
                    select: 'Seleccionar tamaño de página'
                },
                info: 'Viendo {{start}} - {{end}} de {{total}} registros'
            }
        }
    }
}

Hi,

By enabling serverSorting:true, you need to do the sorting on your backend code and return sorter dataset.

The ‘format’ in column option use for local sorting. Also, you are enabling serverPaging:true, the pagination should be handled by the server. Only one page data at a time in the datatable. Please refer to the server side examples of handing pagination: “metronic_v5.0.6.1/docs/api_reference/datatables/demos/orders.php”. Also you should check your browser console to see what AJAX parameters being sent to your server side so you can get those parameters and use for pagination and sotring.

Thanks

Hi – so you are saying only the Angular version is supported at this time? IMHO, the old one looks better and has more examples of how to use the features are to work – especially when it comes to the dashboard. The newer one does not look complete at this time. Also, where are you saying that the version I am working with is no longer supported. Should that be the case, why is it still on your website? TIA

Hi – so you are saying only the Angular version is supported at this time? IMHO, the old one looks better and has more examples of how to use the features are to work – especially when it comes to the dashboard. The newer one does not look complete at this time. Also, where are you saying that the version I am working with is no longer supported. Should that be the case, why is it still on your website? TIA

Hi,

The new v5.0 has 2 versions: jquery and jquery + angular5. You can use the default jQuery version without Angular. The old version is for a reference for whom still uses it. But the new updates will be implemented only for the new v5.0 version. The new v5.0 version is getting more complete in every update. Also the new version has many unique features.

Thanks

Hi,

Yes, that’s a brand color applied globally. You can change it in with $brand-main-color variable defined in “theme\sass\layouts\layout2\themes\blue.scss”. Then you will need to run the gulp task to compile the modified sass code. The sidebar menu toggle icon uses image and you can check it here “theme\sass\layouts\layout2\layout\_header.scss”. If you need you can edit the image to change its color. For more info please refer to the theme documentation.

Thanks.

Hi and thanks for the response,

Do you have a video on how to make such a change – or – how one would use Gulp? What about a link?

TIA

Hi,

Could you please provide more info ? What Metronic version and which demo are you using ? What navigation bar are you referring to ? We will need more details in order to point you out.

Thanks.

Hi and thanks for the response,

I am using the Metronic version here (I downloaded it again last month): http://keenthemes.com/preview/metronic/theme/admin_2/

For further clarification, it is the navigation bar at the top. It has the name of “Nick” on the far right-hand-side and to the left is the “METRONIC” png (in green). Again it is the navigation bar at the top.

It was thinking of something perhaps like a grid with sizes like: col-md-3 (to hold METRONIC + all info on the left hand side) col-md-6 (to hold the TITLE) col-md-3 (to hold the items on the right-hand-side – like “Nick”, etc.)

It would also be nice to be able to increase the height of the navigation bar by a number of pixels as well.

TIA

Hi,

I hope my last entry went in OK. I am using http://keenthemes.com/preview/metronic/theme/admin_2/

I downloaded the most recent version about a month ago.

TIA

Hi,

You can set overflow to visible in the column settings with “overflow: ‘visible’” as shown below:

{
          field: 'Actions',
          width: 110,
          title: 'Actions',
          sortable: false,
          overflow: 'visible'
}

Thanks.

Where is these code located?

Hi,

Please refer to the documentation to get started with the Metronoc’s mDatatable plugin: keenthemes.com/metronic/documentation.html

You can refer to the demos initialization codes here: “theme/default/src/js/demo/default/custom/components/datatables/”

Thanks.

Hello Again,

With Original Datatable plugin, we can add additional result data. How do I add additional result data with Custom Metronic Datatable?

Thanks.

Hi,

Can you please provide us more details for this feature ? Also provide us a reference to how the old datatable does this and we will point you out if its possible with our datatable or consider implementing it as a new feature in a future releases. Can you please send further details to our support at support@keenthemes.com

Thanks.

PS: The footer examples will be added in the next update.

Hi,

There are a lot of breaking changes between the old v4.x and the new v5.x and you will need to reintegrate the new version from scratch since its totally new theme with new code base and the latest plugins.

Thanks.

Is there a newer version in 4 (update) that we can use? I want to use the sidebar fixed. Or is it not included?

Hi,

The update for the old version will be no longer provided. We would suggest you to migrate to the new v5 version.

Thanks.

Thanks for the feedback on this. We will revise it for the next update.

Hi ,

You can build one by using Metronic’s core components and elements. Metronic has all the features to it.

Thanks.

Hi,

Thanks for the feedback.

Currently this wrapper version is being used by many users successfully. Of course it’s good to have the native Angular version but it will require us to create a new theme from scratch(but will be available within the same item) since we technically can not replicate all the features from the default version in the native angular version. For those users who need all the features from the default version to be available in the angular version this wrapper version is exactly what they need.

Regarding the native version, at the moment we can not give any ETA and also we do not take any responsibility for our users projects deliveries. However we are already started designing the native angular version to make it really high level solution that can be used even for a large projects without any doubt.

Thanks.

Hi,

You can use it in jquery way in your Angular code. Just refer to the documentation and try the example codes: https://github.com/CodeSeven/toastr

Thanks.

Hi,

Please try the way explained the official documentation: http://bootstrap-datepicker.readthedocs.io/en/latest/i18n.html

Thanks.

Hi,

I would suggest you to double check your code and compare with the working one: “src\js\demo\default\custom\components\forms\widgets\dropzone.js” and “default\pages\components\forms\widgets\dropzone.html”.

You must have some typo or imporperly initializing it. If you can fully refer to the demo code it should work as expected. Also you can refer to the plugin’s official doc: http://www.dropzonejs.com/

Thanks

Hi again,

yeh was my fault . Named the function var dropzone (*I’m an idiot ;)). Some minor issues:

Please have a look: https://imgur.com/a/Huxyo

1. The error message for an invalid file type looks a little odd 2. The Remove link is missing ( addRemoveLinks: true is set).

Thanks again

Hi,

Seems the error is returned from the server side. You will need to check the plugin’s documentation more deeper. This issue is not related the theme. Probably you will need to create a server side code that handles the server file upload processes properly. Please refer to the plugin documentation for any further info. Our support only covered the theme related issues and questions. Also you will need to renew your support subscription to continue getting the theme support.

Thanks.

Hi ,

The video tutorial are in progress. We will publish theme soon. If you have a valid purchase code and active support subscription you can contact our support for any questions that are not covered in the documentation.

Thanks.

Hi ,

We will do our best to release a few more new demos within January including Demo8. Stay tuned!

Thanks.

Thanks for the link. We will check it for our further considerations.

https://hygger.io/ is actually much better than trello.

Noted. We will check it

Hi ,

Sure, its possible. For this you should check the plugin’s official documentation here: https://fullcalendar.io/. This plugin is so popular and you can google to find ready to use code related to this feature. All the best!

Thanks.

Hi,

Please note, current download package includes both 4.x and 5. So you can use the one you like. Please kindly check download package one more time.

Thank you.

Hi ,

Sorry for the late reply.

Sure, you can disable the fixed content option for desktop and mobile using the layout builder of the demo 5: http://keenthemes.com/metronic/preview/?page=builder&demo=demo4

Thanks.