8 comments found.
Can your template change the color theme? I have purchased your template but I want to change the color theme. Is there a way?
Thanks for choosing our template.
Well, as this is bootstrap base template and it has scss file so you can simply update color variable from src/assets/scss/_variables.scss to set your desire color.
Thank you
Hello, I am just trying to add Vuex for state management but its not being supported. Also on the login form am getting errors below
main.js:154 [Vue warn]: Property “modelValue” was accessed during render but is not defined on instance. at <FormCheckInput type=”checkbox” checked=”” id=”RememberMe” > at <FormCheck size=”sm” > at <LayoutCol lg=”12” > at <LayoutRow utils=”gy-3” > at <CardBody class=”h-100 d-flex flex-column justify-content-center” > at <LayoutCol lg=”5” > at <LayoutRow utils=”g-0 flex-lg-row-reverse” > at <CardItem class=”overflow-hidden rounded-4 card-auth card-auth-mh” gutter=”lg” > at <LayoutContainer class=”p-2 p-sm-4” > at <AppWrap class=”align-items-center justify-content-center” > at <AppMain> at <AppRoot> at <AuthLoginPage onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <App>
how can i be helped
Sorry to hear from you that you are facing issue.
Well, we have not tried before Vuex, but we not sure what exact problem your are facing, so if you explain bit then we may understand better.
Also for checkbox issue, it seems there is missing a props declaration at “components/forms/form-check/FormCheckInput.vue” file. So you can replace that file code with below code -
<template>
<input class="form-check-input" :value="modelValue" @input="$emit('update:modelValue', $event.target.checked)">
</template>
<script>
export default {
name: 'FormCheckInput',
props:{
modelValue:String
}
}
</script>
Thank you
Hello! ive just purchased theme) i’ve an error when run cmd npm run server: [eslint] /var/projects/src/assets/js/pureknob/pureknob.js 31:45 error ‘module’ is not defined no-undef 39:3 error ‘module’ is not defined no-undef 815:12 error ‘properties’ is already defined no-redeclare 816:12 error ‘readonly’ is already defined no-redeclare How can i solve this error? WBR
but …. same time when i open localhost:8080 app works fine … seems like … i can ignore errors or maybe i can somehow disable that type of errors? sorry^ im new in vue …
Thanks for your comment.
Can you please let us know your node and npm version. Also can you please let us know what editor/command console you are using? So we can try from our end too as this type any error not showing on our end.
Thank you
Some solution for this?
Conflict: Multiple assets emit different content to the same filename index.html
Thanks for your comment.
Could you please let us know when or how you getting that message? If you let us know in details so we can understand and suggest you.
Thank you
Hi I download the product and follow the readme to start the project. But the project can not run after npm run serve, it shows errors as follows, please help me: yarn run v1.22.19 $ vue-cli-service serve INFO Starting development server…
ERROR Failed to compile with 1 error 5:16:54 PMerror in ./src/components/block/Block.vue?vue&type=script&lang=jsSyntax Error: TypeError: Cannot read properties of null (reading ‘content’)
ERROR in ./src/components/block/Block.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use0./src/components/block/Block.vue?vue&type=script&lang=js)
Module Error (from ./node_modules/vue-loader/dist/index.js):
[vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): “jsx”, “flow”, “typescript”. (5:6)
/Users/xiaoqiang/Downloads/nioboard-vue-v1.0.1/nioboard-vue/src/components/block/Block.vue
3 | render() {
4 | return (
5 |
| ^
6 | {this.$slots.default()}
7 |
@ ./src/components/block/Block.vue?vue&type=script&lang=js 1:0-203 1:0-203 1:204-396 1:204-396
@ ./src/components/block/Block.vue 1:0-56 2:0-51 2:0-51 5:49-55
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use0./src/pages/Icons.vue?vue&type=script&lang=js 2:0-105 9:11-16 10:15-24 11:22-38 12:16-26 13:15-24
@ ./src/pages/Icons.vue?vue&type=script&lang=js 1:0-197 1:0-197 1:198-384 1:198-384
@ ./src/pages/Icons.vue 2:0-56 3:0-51 3:0-51 6:49-55
@ ./src/router/index.js 264:9-32
@ ./src/main.js 8:0-30 134:8-14
ERROR in ./src/components/block/Block.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use0./src/components/block/Block.vue?vue&type=script&lang=js)
Module build failed (from ./node_modules/vue-loader/dist/index.js):
TypeError: Cannot read properties of null (reading ‘content’)
at selectBlock (/Users/xiaoqiang/Downloads/nioboard-vue-v1.0.1/nioboard-vue/node_modules/vue-loader/dist/select.js:23:45)
at Object.loader (/Users/xiaoqiang/Downloads/nioboard-vue-v1.0.1/nioboard-vue/node_modules/vue-loader/dist/index.js:92:41)
@ ./src/components/block/Block.vue?vue&type=script&lang=js 1:0-203 1:0-203 1:204-396 1:204-396
@ ./src/components/block/Block.vue 1:0-56 2:0-51 2:0-51 5:49-55
@ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use0
./src/pages/Icons.vue?vue&type=script&lang=js 2:0-105 9:11-16 10:15-24 11:22-38 12:16-26 13:15-24
@ ./src/pages/Icons.vue?vue&type=script&lang=js 1:0-197 1:0-197 1:198-384 1:198-384
@ ./src/pages/Icons.vue 2:0-56 3:0-51 3:0-51 6:49-55
@ ./src/router/index.js 264:9-32
@ ./src/main.js 8:0-30 134:8-14
webpack compiled with 2 errors
Thanks for letting us know.
We just release an update, can you please re-download the latest package and then try to use. If you still face issue then please let us know.
Thank you
Hi,
The files i download here has a slightly different version than the live demo that was shown on the site. Where might I be able to get the latest version of it?
Thanks, I love this theme btw.
Sorry to hear that is different but can you please let us know in detail as our package version is the same version and latest one.
Thank you
Ah if only I could past screenshots here.
So for starters, the button to toggle sidebars in mobile view is working in the live preview at https://html.nioboard.themenio.com/index-ecommerce.html
However, this isnt working on the version I downloaded. (file name indicates this is v1.0)
Another difference is that, the live preview have quite abit more application samples such as a “todo list”, “pricing”, “support center” and “invoices” in which the version I downloaded do not have.
Well, you are looking at different version. As you have purchase Vue version so check Vue version demo. The reference you given is HTML version. In HTML has few things extra and those may available on Vue later.
Thank you
Ah okay I did not know there was 2 versions. Alright then i guess this is rectified. Thanks for the heads up! Hope those to be available soon.
Well, there is 3 different version available as HTML, React and Vue. And each one is different because all of maintain separately and customer needs to purchase separately.
Thank you
Hello,
First of all, thank you for your great theme!
I’ve noticed there is an issue with “FormCheckInput” (checkbox). It does not work with a v-model. By looking inside I can see there is no code to handle this. Would you be able to resolve this issue?
Thanks, Aleksandr
Thanks for letting us know, we will check and get back to you soon.
Thank you
Well, you can update the “src/components/forms/form-check/FormCheckInput.vue” file with below code
<template>
<input class="form-check-input" :value="modelValue" @input="$emit('update:modelValue', $event.target.checked)">
</template>
<script>
export default {
name: 'FormCheckInput'
}
</script>
Hello, thanks for the beautiful admin theme.
Unfortunately I ran into some problems when using some components with async data.
Here is a simple test code to demonstrate the problem: With this in my script:
data () {
return {
data: []
}
},
mounted () {
setTimeout(() => {
this.data = [
'AAA',
'BBB',
'CCC',
]
}, 1000);
},An this as my template: <template>
| Table Entry |
|---|
| {{ item }} |
<DataTable id="datatable-init">
<TableHead class="table-light table-head-sm">
DataTable Entry
</TableHead>
<TableBody>
{{ item }}
</TableBody>
</DataTable>The table updates the content as expected, the DataTable does not and i got an Vue Warn and an Error: “Uncaught (in promise) TypeError: parent is null”
Can you please help me how to fix this problem?
Unfortunately the support form totally destroyed the template part of my code sample.
In short terms: I have a tr with v-for over data inside the TableBody of a Table and a DataTable in comparison
<script>
import DataTable from '@/components/data-tables/SimpleDataTable.vue';
import Table from '@/components/utilities/table/Table.vue';
import TableHead from '@/components/utilities/table/TableHead.vue';
import TableBody from '@/components/utilities/table/TableBody.vue';
export default {
name: 'TestTest',
components: {
DataTable,
Table,
TableHead,
TableBody,
},
data () {
return {
data: () => []
}
},
mounted () {
setTimeout(() => {
this.data = [
'AAA',
'BBB',
'CCC',
]
}, 2000);
},
}
</script>
<template>
| Table Entry |
|---|
| {{ item }} |
Thanks for commenting here.
Can you please email us at info[at]softnio.com with your coded file so we get actual code. In comment most of them broken and it’s hard to understand.
Thank you
