Hi,

In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:

1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk or Webpack: https://youtu.be/gMUbZMdDRCo

2. Installation Angular 8 Version: https://youtu.be/48HeVjnKIqI

3. Your First Project: https://youtu.be/yu0O2Y2NXxc

4. Customization: https://youtu.be/7PG5Qbg0-gM

Please note that in the video tutorials refer to an older version of Metronic so some information can be inaccurate(file paths, folder structure, etc) but the overall instructions are valid for all Keen versions.

If you need any further help please let us know. For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

Regards, Sean

it worked, thank you

You are most welcome

Hi ,

Could you please send more details to support@keenthemes.com and we will consider it the next update.

Regards, Sean

Hello,

It is. However it uses build tools. If you need classic HTML version, please send your purchase code to support@keenthemes.com and we will provide it.

Thank you.

Hi,

In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:

1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk or Webpack: https://youtu.be/gMUbZMdDRCo

2. Installation Angular 8 Version: https://youtu.be/48HeVjnKIqI

3. Your First Project: https://youtu.be/yu0O2Y2NXxc

4. Customization: https://youtu.be/7PG5Qbg0-gM

Please note that in the video tutorials refer to an older version of Metronic so some information can be inaccurate(file paths, folder structure, etc) but the overall instructions are valid for all Keen versions.

If you need any further help please let us know. For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

Regards, Sean

Hi,

Could you please clarify? Do you mean you want the datatable full height or full-width column?

Can you please try to remove height option from layout.height?

Thanks

Yes, I am talking about height of KTDatatable. I wrote width by mistake in my question. What I mean is, suppose my div size is 100px and 10 rows of datatable takes those 100px but if I reduce the number of rows to 5. I want those 5 rows to take 100px(full size of div) not 50px.

Hi,

You can set the table height in the option. But at the moment, only fixed height is supported. Eg. 100px. Cannot with percent %.

        layout: {
            height: '100px',
                //....

Thanks

Hi,

You will need to involve a server side code for this. When user clicks the aside toggle state is saved in the browser cookie. You can check the browser cookie in your server side and you can set the aside fixed for all pages when the HTML is generated.

If you are using the buildable version of Metronic please go to and check “initAsideToggler”

demo1\src\assets\js\global\layout\layout.js 

As you can see, on the aside toggle it stores the aside state in the browser cookie.

To set the aside closed by default during the page generation just add “kt-aside—minimize” class to the body tag.

Regards, Sean

Hi beondiueyow,

What is it exactly you are modifying or adding? Would it be sensible to create use case script for your personal select2 usage?

Hi, I’ve already thought of the code I’d like to add and modify, so I just want to know how to apply this code somewhere other than plugins.bundle.js.

Hi beondiueyow,

I’m pretty sure you do not need to edit plugins.bundle. Select2 is highly customisable plugin and almost anything is achievable within plugin initialization and configuration in page load script.

What i mean is you should only need to assign select2 to your form element and make your modification in initialization.

Yet again – i advice to refer to Select2 documetation amd see how can you make your idea to action.

Hi,

Some pages from the Default version might not exist in the Vue. But the CSS styles from Default version already integrated into the Vue. All the components from the Default version are static and non-working components. You can just copy the component HTML from the Default version, and paste it in the Vue component to get the same look. The actual functionality and implementation need to be done by the customer because every customer has its own business requirements.

By default, those jQuery-based features are not available in the Vue version. So we will skip any components related to it. For example is KTDatatable, select2, etc. ​

Let us know if you need further clarifications.

Thanks

Hello,

It is already released. Please check it out at https://keenthemes.com/metronic/preview/vue/demo1 . In a few weeks we will be releasing more Vue demos with new extensional design.

Please feel free to ask if we can assist you further.

Thank you.

Hi mimo,

We need some clarification how do you get the issue? Could you please send the screenshot of the error to support@keenthemes.com?

Thanks

Hi,

Currently, KTDatatable does not support dynamic adding data. You can try this a workaround to modify the existing data in datatable by adding directly into internal datatable.

var datatable = $('.datatable').KTDatatable({/*...*/});
var dataArray = datatable.originalDataSet;
// console.log(dataArray);
// append/remove dataArray with new data;
datatable.originalDataSet = dataArray;
datatable.reload();

Let us know if you need further clarifications.

Thanks

Hi ,

If you need any further help please contact our support at support@keenthemes.com and let us know which Metronic version, package(gulp/webpack/classic) and demo you are using.

Regards, Sean

In file /src/_metronic/layout/LayoutContext.js change next things:

1) row 16 add export for LayoutContext to using it in your pages: export const LayoutContext…

2) row 31 ad export to using actionTypes in your page: export const actionTypes…

3) In action types add new actionTypes: SET_SUBHEADER_TITLE: “SET_SUBHEADER_TITLE”,

4) in reducer add new case: if (type === actionTypes.SET_SUBHEADER_TITLE) { const { newTitle } = payload; const { subheader } = state; subheader.title = newTitle; return { ...state, subheader: payload }; }

In your page, right now you able to write smth like this:

import React, { useContext, useEffect } from “react”;

import { actionTypes, LayoutContext } from ”../../../_metronic/layout/LayoutContext”;

const MyPage = ({ pararms }) => {

const dispatch = useContext(LayoutContext.Dispatch);

useEffect(() => {

dispatch({

type: actionTypes.SET_SUBHEADER_TITLE,

payload: { title: "My CUSTOM TITLE" }

});

}, [dispatch]);

return (<>My Page works</>);

};

export default MyPage;

Regards, Keenthemes support

Hi

Thanks for your feedback.

Regards, Sean

Hi,

We will implement this feature in the next update that we are planing to release in a few weeks. A big update with this and other amazing features will be landed soon.

Regards, Sean

Hi,

Thanks for your feedback.

Which OS and browser are you using ? Can you please update your browser and clear your cache ? As we checked it works fine without any lags. Or if you can provide the steps how to reproduce it please do so.

Regards, Sean

Hi,

If you use “form-group-sub” special class for each column the validation message will be shown properly:

<div class="form-group row">
    <div class="col-lg-5 form-group-sub">
    </div>
    <div class="col-lg-5 form-group-sub">
    </div>
    <div class="col-lg-2 form-group-sub">
    </div>
</div>

If you need any further clarification could you please contact our support at support@keenthemes.com and provide your entire forms’s code and JS script ? Also please let us know which version, package(gulp/webpack/classic) you are using ?

Regards, Sean

It is correct what you tell me the code is so the problem is generated when in an input group the button is on the right when performing the validation the button skips line (input-group-apppend), when it is on the left it works perfect (input-group-prepend). They should take it into account for a future update.

Noted, we will this into account in the next big update that we are preparing for release soon.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Hi ,

Thanks for your interest in our theme.

Yes, we have some PSD files included as bonus. It’s available in the download package. We also have some figma files as well.

Regards, Sean

Hi,

Do you want to use the search filter? Or do you need to pass custom params to your remote backend?

datatable.search(value);

datatable.setDataSourceParam(value);
datatable.reload();

Thanks

Hi ,

Thanks for your feedback. We will release then soon. You will get notified once new updates arrived.

Regard, Sean

Hi,

At the moment, we aren’t covering support of Angular 9, because 3d party libraries such as ngBootstrap/NGRX still don’t support Angular 9. We are waiting their upgrade during the next month. Then we will working on Angular 9 updates.

Official upgrade guide from Angular Team can be found here; https://update.angular.io/

Thanks

As you mentioned that your side will working on Angular 9 updates, can I know how can I get these updates in future, please? Do I need to re-download the template (< but I think this is not quite make sense) ?

Hi,

Yes, you will need to redownload it. Or we will make a note to tell which parts need to update.

Thanks