HTML demo to vue conversion
Hello, I very much like the html demo39 and I want to implement the same into vue. I don’t want to write the vue code from scratch but want to implement it like shown into other vue demos. I have tried replacing assets of one of vue demo with html assets scss. Also updated Layout.vue with new classes but still things were broken. Is there any guide for converting html demo to vue ? Can you help me in anyway?
Replies (1)
Hi,
Thank you for reaching out to us.
To use a different demo layout you need to update the layout markup and demo styles, also each layout has different body attributes used for layout initialization.
In src/layouts/main-layout/MainLayout.vue we call LayoutService.init() to add attributes depending on layout configuration.
If you just want to have one layout option then for demo39 on body tag you can add the following attributes.
data-kt-app-header-fixed="true"
data-kt-app-header-fixed-mobile="true"
data-kt-app-sidebar-enabled="true"
data-kt-app-sidebar-fixed="true"
data-kt-app-sidebar-hoverable="true"
data-kt-app-sidebar-push-toolbar="true"
data-kt-app-sidebar-push-footer="true"
data-kt-app-aside-enabled="true"
data-kt-app-aside-fixed="true"
data-kt-app-aside-push-toolbar="true"
data-kt-app-aside-push-footer="true"
class="app-default"Regards,
Lauris Stepanovs,
Keenthemes Support Team
