Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (8)


Get pure, safe drinking water with our [www.canature.com.pk]Domestic Membrane — engineered for high performance, durability, and efficient removal of impurities, ensuring healthier water for your home with Canature’s trusted solutions.



Discover a wide range of Islamic Books and Prophets that explore faith, spirituality, and history. Find insightful teachings and inspiring stories for readers of all ages. Explore now and enrich your knowledge with our carefully selected collection.



Enjoy the ultimate buggy ride Dubai! Conquer the desert dunes in a high-powered buggy, experiencing thrilling twists and turns across golden sands. Book now for an unforgettable adventure in Dubai’s stunning desert landscape!



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

Thanks



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.



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 .


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(