No More Posting New Topics!

I’m also trying to get Google Analytics to work. Followed the tutorials in the links in this thread and when I try to add the file to the plugin section of the quasar.conf file I get an error. :(. Anyone have a fully complete tutorial that works?

This worked perfect, have used in one of my projects now.

Thanks a lot.

i have the same problem .

@wpq said in How to list tags followed by a "new tag" entry?:

Should someone stumble upon the same issue, this is how I finally did it using purely the framework:

<div> <q-input v-model="newTag" label="New..."> <template v-slot:before> <q-chip removable @remove="deleteTag(tag)" v-for="tag in displayedNote.tags"> {{tag}} </q-chip> </template> </q-input> </div>

I did some changes to achieve my goal.

<q-input v-model="newTag" outlined @keyup.enter="addTag" dense> <template v-slot:prepend> <q-chip removable @remove="form.tags.splice(key, 1)" v-for="(tag, key) in form.tags" :key="key"> {{tag}} </q-chip> </template> </q-input>

@jubalj said in How to select text on focus in a QInput:

Posting for someone else looking for a simpler solution as I found a solution;

Add the following to inside the <q-input>

@focus="(input) => input.target.select()"

Found it at https://github.com/quasarframework/quasar/issues/8402

Thanks for this! I’m looking for the same thing. However when I apply your solution to my q-input I get this error:
Uncaught TypeError: input.target.select is not a function

I’m still pretty darn new to Quasar, is there something I’m missing when I add this?

hmm playing around, it looks like this doesn’t work on a number field. Dangit. Any solutions for a number field?
I have mask="##" included.

@strife-cloud Absolutely spot on. I’d worked out the cryptic “Cant resolve … quasar/dist” had something to do with the static files. Your solution was probably the only option I hadn’t tried! It’s a shame the documentation is still wrong.

Now, to figure out why the marker png’s don’t work with Webpack.
net::ERR_INVALID_URL

Hey guys, stumbled upon that issue today. This is how I managed to do it.
Suppose you call the dialog like this in you vue

// draft.vue this.$q.dialog({ title: this.$t('mixin.delete.title'), message: this.$t('mixin.delete.confirmation'), cancel: true, persistent: true }).onOk(() => { this.deleteDraftLifts() })

You can trigger the onOk callback in two times by using the mockReturnThis() function of jest. The trick is to understand that we are tying to mock chained functions (this.$q.dialog({...}).onOk())

So start by mocking this.$q.dialog({...}) with

// draft.spec.js vm.$q.dialog = jest.fn().mockReturnThis()

then mock the onOK like this

// draft.spec.js vm.$q.dialog().onOk = jest.fn()

now you can trigger your function and it will pass.

// draft.spec.js wrapper.find('xxxx-class' ).trigger('click') expect(vm.$q.dialog().onOk).toHaveBeenCalled()

You can go further by checking the delete logic inside if you want. You will need to abstract the logic inside a function like I did in my example draft.vue withthis.deleteDraftLifts()
by doing this you can now write the following code

// draft.spec.js vm.$q.dialog = jest.fn().mockReturnThis() vm.$q.dialog().onOk = jest.fn(() => vm.deleteDraftLifts()) wrapper.find('xxxx-class' ).trigger('click') expect(vm.$q.dialog().onOk).toHaveBeenCalled()

@cwoodman Hi Scott, your codepen works well when using the arrows on the keyboard. Is your CSS trying to hide the little up and down arrow icons people can click on? They still appear for me and allow to go negative

hi patrick I learning from your examples to implements the apexcharts but in the new framework quasar 2.0.0 I couldnt install so I looking what is changing and in the end I found the new way so I want to pass the information for help others programers so in the file the boot “apex.js” not recognize “Vue” so the new way is this:
file name apex.js
<------------------------implement this code------------------------------------->
import VueApexCharts from ‘vue3-apexcharts’

export default ({ app }) => {
app.component(‘apexchart’, VueApexCharts)
}
<----------------------------------end----------------------------------------------->
and you need have install “vue3-apexcharts” if you use the normal mark error too so that is very important i forgot add the file boot in the quasar.config.js i waste to much time for remember i hope you can improve my informacion in your page for helping other programers i hope this info helping see you and thnx for you excelente page.

Same issue did you manage to resolve this ?

Accounting tools can be of great assistance, so as totackle out different processes and tasks. In today’s post, we will be learning the procedure to access different accounting tools in QuickBooks desktop enterprise. Accounting tools can be a saviour in majority of cases.

To know more about accessing accounting tools in QuickBooks desktop enterprise, make sure to read this post till the end.

One way could be to use label slots in quasar v2.1.1

this may be late just incase use this https://github.com/diadal/firebase

Did you know what QuickBooks Error 80040408 and How to Resolve it?
If your answer is no. Then no issues, we’re right here to give complete information which is really helpful to you.
Just visit us and read our full article.
Article link: https://qbsenterprisesupport.com/quickbooks-error-80040408

Hi, I think this is a normal issue across the development of bots.
You will have to avoid creating new slots and integrate the code in the existing slots. But the code by default creates a new slot I guess. If that is the issue you could try out the code below:
<!–
Forked from:
https://quasar.dev/vue-components/chat#Example--Default-slot
–>
<div id=“q-app”>
<div class=“q-pa-md row justify-center”>
<div style=“width: 100%; max-width: 400px”>
<q-chat-message
v-for="(msg,i) in messages"
:name=“msg.name”
:avatar=“msg.avatar”
:stamp=“msg.stamp”
:sent=“msg.status === ‘sent’”
:bg-color=“msg.bgColor”
:text-color=“msg.textColor”
:key=“i”
>
<template v-for="(text, j) in msg.text" :key=“j”>
{{text}} 
<q-icon :name=“msg.action.icon” @click=“someAction(msg.action.name)” :color=“msg.action.color”></q-icon>
<br v-if=“text.length > j”>
<q-markdown>

{{text}}

This is a Blockquote
with a token and a link

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.
</q-markdown>
</template>
</q-chat-message>
</div>
</div>
</div>
This is just for Quasar chatmessage option and not for other platforms. If you are interested in other platforms it would be better if you take help from any chatbot development services as they might provide you a quik and simple solution. Also this stage is quite simple and further integrating complex cognitive functionalities could be quite challenging.

Anyone know if this is possible to do in table expansion?

Found solution here: https://codepen.io/pdanpdan/pen/eYmwryW?editors=1010

The simplest way is giving a long pattern like:
{
mask: “###.###.###.###.###.###.###.###,##”,
reverse-fill-mask: true,
}

@damiendeville
This has been confusing me as well!
I also need an online database backend for Quasar and have been looking at Meteor. But there is really no information about that

“a) The commands to create the project do not mention neither meteor nor quasar”

Have you fixed that @hexillion ? Got that issue too.