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?

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.

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

Same issue did you manage to resolve this ?

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

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

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

@jrhopkins83 Hi, I have the same problem. Did you solve? Thanks.

@abdullah-sohail said in How do i add global filters to Quasar?:

I cant seem to figure out how to add filters globally . Should i make a folder for global filters and then export the filter file but where do i refer it there isn’t any option for filters in quasar.config.js.

I am using Quasar 2.0.3 and a global filter can be setup like described here: https://v3.vuejs.org/guide/migration/filters.html#global-filters

I needed a global dateFormat filter and this example works for me:

boot file:

import { boot } from 'quasar/wrappers' export default boot(async ( { app } ) => { app.config.globalProperties.$filters = { dateFormat(value) { return 'date filter: ' + value } } })

template:

<template> <q-page padding> {{$filters.dateFormat("hello")}} </q-page> </template>

Output:

date filter: hello

@smaldona this solved my problem, thanks. Also this is weird the way it has to be done like this.

@michael123

Hi, this forum is dead. Please ask your questions on the Quasar github discussions forum instead.

https://github.com/quasarframework/quasar/discussions

I landed on this thread when I was looking for the same thing and am adding my response in case it helps someone else. I am currently using Quasar 2 (this may work in 1 also).

I added the following style to achieve the vertical orientation: flex-direction:column;

Worked great! Thank you

@cd said in CALL_AND_RETRY_LAST:

Hope this is helpful for others.

Very much so, I have already lost a workday before my deadline while searching for a solution. Thank you!

Can you share the full implementation here. Plz

Yes please add this kind of opportunity

It seems like <q-btn type="a" href="https://www.google.com">Go to Google</q-btn> works. 🙂 I gut the hint from the Open-External-URL's documentation.