No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. CristalT
    3. Best
    • Profile
    • Following 0
    • Followers 0
    • Topics 6
    • Posts 26
    • Best 4
    • Groups 0

    Best posts made by CristalT

    • RE: how to insert image in Editor (WYSIWYG)

      You have to set definitions property:

      <!-- HTML -->
      <q-editor v-model="post.body" :definitions="definitions"/>
      
      
      // script
      
      data() {
          return {
              definitions: {
                      insert_img: {
                          tip: 'Insertar Imagen',
                          icon: 'photo',
                          handler: this.insertImg // handler will call insertImg() method
                      }
                  }
              }
          },
          methods: {
              insertImg() { // insertImg method
                  const post = this.post
                  // create an input file element to open file dialog
                  const input = document.createElement('input')
                  input.type = 'file'
                  input.accept = '.png, .jpg' // file extensions allowed
                  let file
                  input.onchange = _ => {
                      const files = Array.from(input.files)
                      file = files[0]
        
                     // lets load the file as dataUrl
                      const reader = new FileReader()
                      let dataUrl = ''
                      reader.onloadend = function() {
                          dataUrl = reader.result
                         
                          // append result to the body of your post
                          post.body += '<div><img src="' + dataUrl + '" /></div>' 
                      }
                      reader.readAsDataURL(file)
                  }
                  input.click()
              }
      }
      
      posted in Help
      CristalT
      CristalT
    • RE: [Solved] Remove (or hide) select all check box Table component

      You can declare your <q-table> in a “more explicit” way by specifying the slot templates and omitting the select component of header or just set the hide-header property in case it isn’t indispensable.

      <q-table
              title="Example"
              :data="data"
              :columns="columns"
              row-key="name"
              selection="multiple"
              :selected.sync="selected"
            >
        
              <template v-slot:header>
                 <!-- your custom header here -->
              </template>
        
      </q-table>
      
      posted in Framework
      CristalT
      CristalT
    • RE: How to get full height carousel on a page?

      The best way I found is setting height with on component created with JavaScript. I’t worked for me.

      <template>
          <q-carousel class="text-white" :height="windowHeight" arrows color="white" infinite autoplay>
              <q-carousel-slide :img-src="slide.imagen" v-for="(slide, index) in slides" :key="index">
                  <div class="carousel-caption">
                      <div class="carousel-title">
                          {{ slide.titulo }}
                      </div>
                      <div class="carousel-subtitle" v-html="slide.texto" />
                  </div>
              </q-carousel-slide>
          </q-carousel>
      </template>
      
      <script>
      export default {
          created() {
              this.windowHeight = window.innerHeight + 'px'
          }
      }
      </script>
      
      posted in Help
      CristalT
      CristalT
    • RE: Using firebase as plugin in Quasar 0.15

      @justdior let’s do it! Tell me more about it. What kind of error have you got?

      posted in Help
      CristalT
      CristalT