hello everyone,
I’m trying to customize gradient color in quasar but it never works in the code below

import { colors } from ‘quasar’;
const { setBrand,blend } = colors;
setBrand(“myBrand”,blend(’#3E006F 20.75%’,’#001E47 202.2%’));
// colors.setBrand(“myBrand”,‘linear-gradient(177.74deg, #3E006F 20.75%, #001E47 202.2%), #001E47;’);

does anyone knows how can I get a result from blend as the linear-gradient?

hey everyone,
I’m trying to get the language from the url paramete ,
e.g localhost:8081/en or localhost:8081/en
my code is something like this :

import { I18nUtil } from '@/shared/i18n/i18n-util';
export default {
  async beforeRouteEnter(to, from, next) {    
    let language = to.params.lang
    if(!language){
      language = "en"
    }
    console.log('language',language)
    console.log('lang code',getLanguageCode())
    I18nUtil.doChangeLanguage(language)
    localStorage.setItem('language', language)
}
}

and the doChangeLanguage function is like this:

static doChangeLanguage(language) {
   let hostname = location.hostname;
   let port = location.port;
   let protocol = window.location.protocol
   let host = window.location.host // js-tricks.info
   let search = window.location.search // ?s=flexbox
   let pathname = window.location.pathname // Returns path only : "check-path-example"
   let url = window.location.href // Returns full URL : 'https://js-tricks.info/check-path-example'

 

   if (hostname.includes('localhost')) {
 
     setLanguageCode(language);
    // document.location.reload();
     return
   } 

   if (language == 'en') {
     window.location = url.replace('ar.', '')
     return
   }

   if (language == 'ar') {
     host = host.replace('www.', '')
     window.location = url.replace(host, `ar.${host}`)
     return
   }
 }

export function setLanguageCode(arg) {
  if (!languages[arg]) {
    throw new Error(`Invalid language ${arg}.`);
  }

  moment.locale(arg);
  localStorage.setItem('language', arg);

  if (getLanguage().dictionary.validation) {
    setYupLocale(getLanguage().dictionary.validation);
  }
}

using this code only the direction of the syntax changes to RTL or LTR accoring to the parameter in the route
but to change the language I need to relaod the page
does anyone know why this happens ?
why the html is still rendered in english when i write localhost:8081/ar although the direction rendered in the html is RTL

hey everyone,
I have 2 main questions about the q-layout:
firstly , I have a problem when scrolling down the q-layout moves up and disappear behind the header ,I managed to do so using the q-scroll-area
but unfortunately this is not working in the responsive mobile screen i.e the layout keep scrolling under the header.
the second problem I am facing is with the height of the q-layout.
I need to resize it so it fits exactly the size of the screen.
I tried setting min-height and max-height and even tried some css equatin to resize the height but none of these worked properly in the responsive mood.
the first video explains my first problem as the curve of the header in the top disappear by the layout beneath.
https://drive.google.com/file/d/1l2y8cABAPBpoEmZZVDFiB3KvQBxnzPTx/view?usp=sharing
and the second video explains how the layout height is not resized because of the white space.
https://drive.google.com/file/d/1x45aNq5p_O34QUIiWUkUiP-pFZOP99ht/view?usp=sharing

thanks in advance.
Sorry for the elongation

hey all, I was wondering how to prevent closing the popup edit when clicking on enter?

hello everyone,
I’m trying to customize gradient color in quasar but it never works in the code below

import { colors } from ‘quasar’;
const { setBrand,blend } = colors;
setBrand(“myBrand”,blend(’#3E006F 20.75%’,’#001E47 202.2%’));
// colors.setBrand(“myBrand”,‘linear-gradient(177.74deg, #3E006F 20.75%, #001E47 202.2%), #001E47;’);

does anyone knows how can I get a result from blend as the linear-gradient?

Thank you very much it worked

I have a group of image and I want to load them successively i.e image no 1 will load then wait for 1 sec then image no 2 will load and so on

How can we slow image loading in quasar?

hey everyone , I’m facing a small problem with routes in the below code

if(this.$router.currentRoute.path == ‘/become-sayes’){
this.$router.push(’/’)
console.log(‘in header’,this.$router.currentRoute.path);
}

I check if i’m in certain route then I change it but when I print the currentRoute it still print the previous route ‘/become-sayes’ although when I print this.$route only I can see that it actually changed.

Is there any reason why this happens?