Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

In Angular Metronic v8.1.5, there is no button to log out in mobile use.


In Angular Metronic v8.1.5 version, the app-user-inner component in the nav-bar component designed for mobile use comes empty. For this reason, it cannot be logged out in mobile use. I am waiting for help for this, thank you in advance.


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 (4)


Prepare for success in the https://www.testsfile.com/Salesforce-Associate-tests.html Exam with our comprehensive study guide. Designed by experts in Salesforce technology, our materials cover all exam objectives, including Salesforce fundamentals, configuration, and management. Whether you're new to Salesforce or looking to validate your skills, our guide offers detailed insights and practice questions to help you master key concepts. Gain confidence with hands-on exercises and real-world scenarios that mimic the exam environment. Start your journey towards certification today and join the ranks of skilled Salesforce professionals worldwide. Unlock new career opportunities and demonstrate your expertise with the Salesforce Certified Salesforce Associate credential.



I apologize for the inconvenience you're facing. As a temporary solution to make the logout option available on mobile use in Angular Metronic v8.1.5, you can try the following steps:

Open the file /src/app/_metronic/layout/components/header/navbar/navbar.component.html in your project.

Locate the section where the topbar icons are defined, specifically the user icon or profile icon.

<img src="https://i.ibb.co/hdGPMg0/image.png" alt="image" border="0">

In this section, you can remove some of the other topbar icons that you don't use or need. By doing this, you can create space for the user icon to appear on the screen.

Once you've made the adjustments by removing unnecessary icons, save the changes to the file.

Test the mobile view of your application to ensure that the user icon is now visible, allowing users to access the logout option.

This workaround should help you temporarily address the issue and provide access to the logout functionality on mobile devices.

Thanks



I apologize for the inconvenience you're facing with Angular Metronic v8.1.5. It seems that the user button is hidden when the screen width is less than 360px, which is preventing you from logging out on mobile devices. We understand the issue, and we will work on fixing it. Thank you for bringing this to our attention, and we appreciate your patience.



What can I do as a temporary solution. Can you help me?


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  :(