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…

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

@s-molinari said in QTable Filter with qselect multiple Selection?:

You’d need two QSelects and yes it is possible.

Scott

Thanks scott… Is there any working example you can give… ?

Is it possible to filter a qtable with multiple selection with qselect? I have a jobs table which include customer and project colmuns of job and I want to filter according to customer and project.

I want to filter a selection box options list by selecting another select box option? here it’s my cutomers select box;

<q-select :options="filteredCustomers" option-label="name" option-value="id" v-model="macFilter.customers"
                                  label="Müşteri" style="width: 200px" multiple emit-value map-options clearable dense
                                  options-dense @clear="clearCustomerSelection" hide-selected use-input @filter="filterCustomer"
                                  input-debounce="0" @input="updateProjectList">
                          <template v-slot:option="scope">
                            <q-item dense v-on="scope.itemEvents" v-bind="scope.itemProps">
                              <q-item-section side><q-checkbox v-model="macFilter.customers" :val="scope.opt.id" /></q-item-section>
                              <q-item-section><q-item-label v-html="scope.opt.name"></q-item-label></q-item-section>
                            </q-item>
                          </template>
                        </q-select>

and this is my projects select box ;

<q-select :options="filteredProjects" option-label="name" option-value="id" v-model="macFilter.projects"
                                  label="Proje" style="width: 200px" multiple emit-value map-options clearable dense
                                  options-dense @clear="clearProjectSelection" hide-selected use-input @filter="filterProject"
                                  input-debounce="0">
                        </q-select>

I want to filter projects options list according to selected customer… I call updateProjectList function in cutomers select box with @input event;

updateProjectList (val) {
      console.log(val)
      if (val) {
        this.filteredProjects = this.projects.filter(project => val.every(id => id === project.customer_id));
        console.log(this.filteredProjects)
      }
    }

It’s expected that filter projects list but it doesn’t work…

filteredProjects data property is updating but nothing happens in project selection list… Where is my mistake?

‘hide-selected’ property do that job…