Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Layout issue new version of Metronic Angular.


Hello ,

Im trying to upgrade to the last release of the Metronic angular version. But im having issues with the layout all my previous modules are not taking 100% of the browser width .
I have tried to create a fresh module and put the content of your "Profile -Overview " but it does the same .

Could you assist please maybe im missing something .

Best Regards
Saer


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi,

Could you please share with us the steps you did to upgrade the version?
It would help us to understand what you missed or have to be fixed.
(Also write from which version you are upgrading your app and demo number)

Regards,
Keenthemes support



Hello,
Sorry i couldn't respond in time as i was sick .
no need even to do an upgrade . use metronice V8.1.4 / angular /demo1

1 step : create a new module under Modules.
2 then create a new component .
3 copy the content of the "Profile -Overview " to the new component
4 setup the module routing etc..

the new "Profile -Overview " will not take full width of the page .

Please see my reply to @Marcel Harmsen . for the solution i used . if you have a better solution please let me know .



Hi Saer,

did you solve the problem?
I'm having the same problem and don't know how to fix it.

Best Regards,
Marcel



Hello ,
The workaround i found was to remove "dflex" from the following code in the file /src/app/_metronic/layout/components/content/content.component.html

<div class="app-container d-flex align-items-stretch justify-content-between">
I was sick and couldn't respond in time to the previous post.



Thank you for your workaround. We will check it further.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(