No More Posting New Topics!

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.

Hi.
Frankly i think duplicating 2 separated code sources is really overhead.
On the other hand making a unique common UI working for both is not great.
And v-if to show hide elements can get all heavy.

For me it could be a mix
Some main UI elements can be responsive and with some v-if cases plus good css logic
Then some routes can be conditionnal based on device, when UI of a page needs really to be different
But also in some common pages for both UI you can apply
-using components with specific slots
-or using the dynamic components loading.
Loading some parts of the page as Mobile component or desktop components.
<component v-bind:is=“currentTabComponent”>

I think there is a lot of solution to mix in VueJs
To have a perfect single source code logic

Solved with this pcs of code:

console.log('%c Service worker is active.', 'color: magenta', registration); const updateManual = () => { registration.update().catch((er)=>console.error('Error on update worker', er)); }; setInterval(updateManual, 500); // 500ms works for me, but you may want to set it higher. },``` in case someone else need it.

@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

@aitcheyejay did you ever fix this? I have the same problem.

@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

Excellent! Two years later, and still useful. Thanks @tof06

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

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

declared as closed

@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!