Light
Dark
System
Ask  Question

offcanvas-mobile

Hello,
How I can use offcanvas-mobile in Metronic, please?
user
Eman Habib 9 months ago
Vue HTML
5 Answers
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)

user
Lauris Stepanovs Author9 months ago
Hi,

I suppose that you meant "drawer" component, in Vue our assets/ts/components/DrawerComponent.ts is a ts version of our js component in the HTML version.

Unfortunately, we do not have a separate ts version doc right now. Since all HTML attributes will be the same as in html version, you can refer to our HTML version's doc:
https://preview.keenthemes.com/html/metronic/docs/general/drawer

Let me know if you will need any additional help.

Regards,
Lauris Stepanovs,
Keenthemes Support Team
user
Eman Habib 9 months ago
Thank you,
but I'm asking about the menu on the profile page that will be hidden on mobile view, like this
user
Lauris Stepanovs Author9 months ago
Hi,

Right now menu on a profile page is visible on the mobile view, if you want to move it to the drawer for the mobile view then you can use our DrawerComponent.

Regards,
Lauris Stepanovs,
Keenthemes Support Team
user
Eman Habib 9 months ago
It's not visible on the mobile view in demo 5
https://preview.keenthemes.com/metronic/vue/demo5/?_ga=2.189648619.1788980769.1655565138-1413213079.1655565138#/profile/profile-1
user
Lauris Stepanovs Author9 months ago
Sorry for the misunderstanding.

I was referring to Metronic8 profile page.
https://preview.keenthemes.com/metronic8/vue/demo1/#/crafted/pages/profile/overview

It is a bug, the content must be included in offcanvas, we will check this and include a fix in upcoming Metronic releases.

Regards,
Lauris Stepanovs,
Keenthemes Support Team
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  :(

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle