I couldn’t find any variable for default text color. It’s black ‘#000’… how can I change it as default.

I have same question but no one help on this forum… very weak support.

Hi everyone., I want to put a delete button on an image when make mouse over it. I just thought a solution by using tooltip but button doesn’t work in tooltip… Can you help… Here are my codes…

<q-img :src="existingImage.url">
          <q-tooltip anchor="top right" :offset="[-20,-5]" transition-show="scale" transition-hide="scale" content-class="transparent">
            <q-btn tabIndex="100" round color="red" icon="delete" size="sm" @click="dltImage()" />
          </q-tooltip>
        </q-img>

@metalsadman said in Upload image:

@mecjos sure, when you are reviving old threads, and posting questions on top of another without providing enough details. don’t expect peeps to read your mind

Did you read my questions?

Thanks for your answer… They are triggered by clicking… Actually I want to make a hover button on an image component…

I follow… Just I found a solution before they answer…

@s-molinari said in Changing Default Text Color:

Just put your css in app.sass or app.styl, which ever you are using. Be aware, the components themselves control text color in many circumstances. That means globally changing the color might not change what you intend to have changed.

Scott

Can’t I do it by changing a global variable… I mean isn’t there any variable that control default text color… I don’t want to use css class for every component. Thank you.

FIXED !!! For turkish characters, ‘roboto-font-latin-ext’ must be chosen in quasar.conf file… With ‘roboto-font’ turkish characters can be problem on some text weights or text sizes…

@sebag thanks for your answer… it’s not only about this.$store.state… I just gave an example. It’s written in app.js file as follows in .quasar folder:

// Create the app instantiation Object.
// Here we inject the router, store to all child components,
// making them available everywhere as this.$router and this.$store.
const app = {
router,
store,
render: h => h(App)
}

that means as far as I understand I can use in compenets only just ‘store.someThing’…

How Can I use vuex store in vue components… I don’t want to write this.$store.state… Can use just like store.state…

@dobbel thank you… I added it into updated lifecycle hook and it’s ok…

  updated () {
    this.$refs.asmTree.expandAll()

Hi. Here is my code. It’s very simple? Where is my wrong?

<q-tree :nodes="assemblies" label-key="name" node-key="id" default-expand-all :selected.sync="selectedAssembly" selected-color="primary"/>

I fetch the nodes from laravel kelnoy/nest… It doesn’t expand as default.

@dobbel Thank you…

Hi. I want to change qdialog’s inner div box shadows… content-class property deosn’t change it… How can I do? thank you.

@beets thank you.

@dobbel Thanks. I made it by changing table data with computed property according to user role… Actually I’m looking for something like a boolean show property :

columns: [ name: 'name', label: 'label', hide: 'function(roles)']

But it doesn’t exist I gues… it’s solved… thank again…

Hi. How Can I make qtable columns visible according to user roles? There isn’t any options to hide or visible columns in column properties. Is there an easy way?

How to show qtable column according to user permission ??