Hello,
Today I'm your spammer... I was wondering if it's simple and possib le to reduce the space as show in the image so that when there's a table, more data are shown.
<img src="https://ibb.co/C91SVnz"/>
Thanks
Paolo
Hello,
I was not aware about this total renew.... btw I have to tell you that there's some error/typos
in enviroment.ts
export const environment = {
production: false,
appVersion: "v8.1.3", <----should be 8.1.4 since the file is from the 8.1.4 package
appContentContiner
appContentContainer
Hi Paolo,
Thx for your last message, we will fix it.
Regards,
Keenthemes support
no, I'm using the Angular one
Demo1 of the Angular app was rewritten in version 8.1.4 and it doesn't have backward compatibility, which means it's not possible to upgrade your old version to it, only possible way is to start work with 8.1.4 and move inside the new application.
Regards,
Keenthemes support
excuse me, I've seen that the layout-init.service.ts changed a bit from 8.1.0 to 8.1.4, and setting to 'fluid' is no longer working... how can I have again the whole space filled?
Thanks
May I know if you are using React version or the HTML version?layout-init.service.ts
is used in the React version.
Hi ,
No problem at all. You just need to change the container from the fixed to the fluid one by using .container-fluid
instead .container
Regards.
Hello Sean,
Thanks for your fast reply as always, can you please tell me where have I to change this?
Thanks
Paolo
Hi,
Please look at the content part of the layout. May I know which Metronic version and demo you are using?
Regards.
Hello,
I'm using Metronic v8.0.38 Angular Demo1 version
Hi,
Please change container-xxl
class to
container-fluid
for the content container with
Regards.
Hello again,
Looking at the layout-init.service.ts
class I've seen that there're 3 init function
private initContent() {
const width = this.layout.getProp("content.width") as string;
this.layout.setCSSClass(
"contentContainer",
width === "fluid" ? "container-fluid" : "container-xxl"
);
}
private initToolbar() {
const display = this.layout.getProp("toolbar.display") as boolean;
if (!display) {
return;
}
document.body.classList.add("toolbar-enabled");
const widthClass = this.layout.getProp("toolbar.width") as string;
this.layout.setCSSClass(
"toolbarContainer",
widthClass === "fluid" ? "container-fluid" : "container-xxl"
);
...}
private initFooter() {
const width = this.layout.getProp("footer.width") as string;
this.layout.setCSSClass(
"footerContainer",
width === "fluid" ? "container-fluid" : "container-xxl"
);
}
content.width
to fluid
Oh yes, it was part of the layout options. In this case, then you can use the settings. Good spot
https://ibb.co/C91SVnz