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.

Hi… I didn’t change anything but today I got following errors when run quasar dev command.;

indent: Expected indentation of 8 spaces but found 10.
key-spacing: Extra space after key ‘API’.
indent: Expected indentation of 10 spaces but found 12.

too many scripting errors like those… What’s that reason ??

any answer ???

Fixed…

q-col-gutter-* adds equal spacing.

            <div class="row q-col-gutter-md">
              <div class="col-4">
                <q-list>
                  <q-toolbar class="bg-primary text-white shadow-2">
                    <q-toolbar-title></q-toolbar-title>
                  </q-toolbar>
                </q-list>
              </div>
              <div class="col-4">
                <q-list>
                  <q-toolbar class="bg-primary text-white shadow-2">
                    <q-toolbar-title></q-toolbar-title>
                  </q-toolbar>
                </q-list>
              </div>
              <div class="col-4">
                <q-list>
                  <q-toolbar class="bg-primary text-white shadow-2">
                    <q-toolbar-title></q-toolbar-title>
                  </q-toolbar>
                </q-list>
              </div>
              <div class="col-4">
                <q-list>
                  <q-toolbar class="bg-primary text-white shadow-2">
                    <q-toolbar-title></q-toolbar-title>
                  </q-toolbar>
                </q-list>
              </div>
            </div>

Hi. I want to add equal specified number of columns in a flex row… I couldn’t find in documentation. How can I do it without ruinin predefined classes. My code is below… Thank you.

          <q-tab-panel v-for="(tab, index) in pageContent" :name="index">
            <div class="row q-gutter-md">
              <div class="col">
                <q-list>
                  <q-toolbar class="bg-primary text-white shadow-2">
                    <q-toolbar-title></q-toolbar-title>
                  </q-toolbar>
                </q-list>
              </div>
              <div class="col">
                <q-list>
                  <q-toolbar class="bg-primary text-white shadow-2">
                    <q-toolbar-title></q-toolbar-title>
                  </q-toolbar>
                </q-list>
              </div>
              <div class="col">
                <q-list>
                  <q-toolbar class="bg-primary text-white shadow-2">
                    <q-toolbar-title></q-toolbar-title>
                  </q-toolbar>
                </q-list>
              </div>
              <div class="col">
                <q-list>
                  <q-toolbar class="bg-primary text-white shadow-2">
                    <q-toolbar-title></q-toolbar-title>
                  </q-toolbar>
                </q-list>
              </div>
            </div>
          </q-tab-panel>

I solved with following method… All clicks comes from TD element when used @row-click event except my action buttons.

          <q-table :data="listProjects(this.$route.params.id)" :columns="columns" row-key="id" @row-click="rowClicker" selection="multiple" :selected.sync="selectedItems">

rowClicker (e, row) {
      if (e.target.nodeName === 'TD') {
        this.$router.push('project/parts/' + row.id)
      }
    }

@metalsadman thanks for your answer… I tried, at that time it seems like rows are not clickable and when I prevent click affect I call a function to navigate and this fucntion works again by clicking action buttons. Actually it must be like checkbox cells at rows… I can click check boxes without problem.

Hi. I installed v-money npm package then it gives some npm vulnerabilities and I run npm audit fix command to fix… After that I got following error ;

ENOENT: no such file or directory, scandir ‘C:\Users\yusuf\Desktop\webdev\qworkoud\node_modules\webpack\hot’

Is there a way to roll back npm audit fix command or How Can I fix this error.

Thank you.

Hi, I have a problem on qtable component. I made table rows clickable by @row-click event. That’s works fine but I have some action buttons cell on my table and when I click any action button, first @row-click event triggered… I need to give an exception acitons body cell… How can I do that? Thank you…

Hi. I am using quploader in a form and I want files to upload while form is submitting. I use append method to formData object but it doesn’t work… It sends empty input to laravel backend. My codes are as below;

<q-uploader
          :accept="acceptedFiles"
          ref="fileUploader"
          label="CAD Dosyası"
          hide-upload-btn
          @added="selectedFiles"
          style="width: 100%;">

selected file method :

selectedFiles (files) {
        if (files.length !== 0) {
          this.cad_files = files
        }
      }

while submitting the form I append all inputs into formData object …

submitForm () {
        let formData = new FormData()
        formData.append('image_file', this.formData.image_file)
        formData.append('name', this.formData.name)
        formData.append('project_no', this.formData.project_no)
        formData.append('customer_id', this.formData.customer_id)
        if (this.formData.start_date !== null) {
          formData.append('start_date', this.formData.start_date)
        }
        if (this.formData.projected_finish_date !== null) {
          formData.append('projected_finish_date', this.formData.projected_finish_date)
        }
        formData.append('description', this.formData.description)
        if (this.cad_files != null && this.cad_files.length > 0) {
          this.cad_files.forEach(function (file) {
            if (!file.id) {
              console.log(file) // I can see file object in consol but it is not appended
              formData.append('cadFiles[]', file)
            }
          })
        }
        const params = {
          url : this.selectedItem ? '/projects/' + this.selectedItem.id : '/projects',
          data : formData
        }
        if (this.selectedItem) {
          formData.append('_method', 'PUT')
          const updateIndex = this.$store.state.pageContent.indexOf(this.selectedItem)
          this.$store.dispatch("EditData", {params : params, index : updateIndex})
        } else {
          this.$store.dispatch("AddData", params)
        }
        this.$emit('formSubmit')

      },

when I append like

formData.append('cadFiles[]', file.name)

this way. I can take file names from backend but file object doesn’t transfer. Can anyone help?