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

Latest Metronic Update 8.1.2 Vue


Hi Teams,

I`m using Metronic 8 Demo 5 Vue.
On this forum I've pointed couple of bugs and waiting for fixes. In mean time I`m developing my backend.
https://devs.keenthemes.com/question/element-plus-date-picker-metronic-vue-demo-5-811

https://devs.keenthemes.com/question/elementplus-issues

I've received an email about new release and in here:
https://keenthemes.com/metronic/?page=changelog
there is no mention about Vue. So ... I told myself you must keep waiting
And today I check this:
https://preview.keenthemes.com/metronic8/vue/docs/#/changelog
and some changes regarding Vue were released. There is a mismatch between these two pages.

Anyway I have to wait until two above ElementPlus issues are fixed. One more thing ... it will be fine if dark mode also turns ElementPlus to dark.

regards for you


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


Hi Lauris,

thank you for response. Using :teleported, as you mentioned, can be temporary solution ... calendar is opening inside modal entirely and it is truncated within a modal window
I'll wait for fixes. Do you have also plan to integrate Element Plus with dark mode? Now when dark mode element-plus inputs stay white.



Yes, we have plans on the dark mode implementation for Element Plus components as well. We will do our best to release it as soon as possible.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Krystian,

Unfortunately, this was not included in the Metornic v8.1.2 release, checked the status of the task and it is already merged into the release branch.

For now, as a temporary solution, you can add :teleported="false" for el-date-picker component inside modal.

<el-date-picker
v-model="dateVar"
type="date"
name="eventStartDate"
:teleported="false"
/>


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