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

How can I copy a template from HTML version to Vue version


Hi
Thanks for the great template, I'd like to use this demo https://preview.keenthemes.com/metronic8/demo45/index.html in Vue,
where can I start?


user
Mohammed El 2 years ago
Vue HTML
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)

user
Mohammed El 2 years ago

Thanks Lurise,
where can I get the Layout config for any demo when referencing HTML?


user
Lauris Stepanovs Author 2 years ago

Hi Mohammed,

Sorry for the late reply.

There is no prebuilt configuration for each demo. If you want to use just one layout setup, you can use it as static markup without the actual layout configuration. If you want the layout to be configurable, you can reuse the demo2 configuration, as the demo45 layout is more similar to demo2.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
Lauris Stepanovs Author 2 years ago

Hi Mohammed,

Each demo differs in layout configuration and layout styles, core styles are similar for all demos. If you want to switch to a different demo, you can use demo1 as a base and then update layout styles, layout configuration, and layout components.

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