Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Latest Metronic Update 8.1.2 Vue

Hi Teams,

Im using Metronic 8 Demo 5 Vue. On this forum I've pointed couple of bugs and waiting for fixes. In mean time Im 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

K
Krystian 3 years ago
Vue
3 Answers
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 (3)

K
Krystian 3 years ago

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.


user
Lauris Stepanovs Author 3 years ago

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


user
Lauris Stepanovs Author 3 years ago

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