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. snowdrop
    S
    • Profile
    • Following 0
    • Followers 0
    • Topics 27
    • Posts 79
    • Best 14
    • Groups 0

    snowdrop

    @snowdrop

    14
    Reputation
    399
    Profile views
    79
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    snowdrop Follow

    Best posts made by snowdrop

    • Firebase Messaging Integration

      Good day. I’m currently testing the firebase messaging using SPA. I followed the setup in firebase documentation of Google but I am having an issue in the retrieval of the service worker of the firebase.

      Firebase requires that the service worker file is located in the root of the public directory of the web app. Unfortunately, I don’t know how to implement this since the only function that implement public related stuff that I know is putting the file in statics directory. Is there any way to do this?

      posted in Help
      S
      snowdrop
    • RE: Left Drawer Panel Breaks when Including Right Drawer Panel and Navigating on Another Route

      It seems that I can’t edit the post anymore because it was flagged as spam with the cause of subsequent updates I’ve done in the past hours. For the update, the issue occurs only when the right drawer is closed. When opened, the issue goes away. 🙂

      posted in Help
      S
      snowdrop
    • Access Global Event Bus Outside Vue Files (v.0.15.1)

      Is there any way to access global event bus outside Vue files on v0.15.1? The documentation only says on how to use it inside of Vue files but not outside. Thanks

      posted in Help
      S
      snowdrop
    • RE: [Solved] v0.15 QTable Custom Cell Not Working

      @Heisenberg, yes I’ve done that before I’ve posted it. Anyway, the problem was fixed by adding name field in my table.columns value like this:

      {
          label: 'Address',
          field: 'address',
          name: 'address', // adding this line fixed it
          type: 'string'
      }
      

      I’ve read the docs and the definition is kind of vague for me on the topic about custom cell rendering.

      posted in Help
      S
      snowdrop
    • RE: v0.15.1 Prevent Prompting of Time when Selecting Just a Date in QDatetime Component

      @Max Seems that @cheebhodh is still offline. I’ll open an issue in github in place of him.

      posted in Help
      S
      snowdrop
    • RE: v0.15.1 Prevent Prompting of Time when Selecting Just a Date in QDatetime Component

      I’ve open an issue regarding this. Check it out here: https://github.com/quasarframework/quasar/issues/1663.

      posted in Help
      S
      snowdrop
    • RE: [Solved] v0.15 QTable Specify Width of a Column In A Table for Long Texts With Word Wrap

      Done. This is what my code looks like:

      <q-td :style="{width: '400px', whiteSpace: 'normal'}" slot="body-cell-address" slot-scope="props" :props="props">
          {{props.value}}
      </q-td>
      

      I hope it can help others who might face the same problem. thanks.

      posted in Help
      S
      snowdrop
    • QBtnToggle Display Not Consistent In Mozilla Firefox vs Google Chrome

      Good day. I am currently using QBtnToggle and found out that the display of QBtnToggle between Mozilla Firefox and Google Chrome seems different. Is this expected to happen or is there some workaround to make the display the same on different browsers? The following are screenshots from the aforementioned Web browsers. Thanks in advance. 🙂

      Google Chrome:
      1_1519959191302_imgpsh_fullsize.png

      Mozilla Firefox:
      0_1519959191259_imgpsh_fullsize (1).png

      And here’s the code snippet:

      <q-btn-toggle
          size="xs"
          class="float-right"
          v-model="model"
          toggle-color="primary"
          @input="handleInput"
          :options="[
          {label: 'User', value: 'user'},
          {label: 'Company', value: 'company'},
          {label: 'Default', value: 'default'},
          {label: '', value: 'settings', icon:'settings'}
          ]"
      />
      
      posted in Help
      S
      snowdrop
    • RE: [Solved] v0.15 QTable Specify Width of a Column In A Table for Long Texts With Word Wrap

      @hipernova Sorry for my late reply. Seems that notifications does not work anymore when someone replies on my previous posts.

      Anyway, I did not customize any code in my QTable, I just added the code above between <q-table> and </q-table> tags.

      You can change the width, in my example 400px, and specifying the slot in the slot directive by adding body-cell- to your column name. In my case, my column name is address so the slot name became body-cell-address.

      posted in Help
      S
      snowdrop
    • RE: [Solved] Specify QChip separator in QSelect

      @metalsadman Here’s the codepen: https://codepen.io/maple-syrup/pen/vYOyved
      Seems that I can’t replicate it also here. I’ll verify the versions of my packages. Or I might have missed out something in my code. Thank you for informing me about having it in codepen.

      Btw, I tried restyling the q-chip here instead of using truncation. Might be of help to others if they want this kind of style.

      posted in Help
      S
      snowdrop

    Latest posts made by snowdrop

    • RE: Dialog Plugin with Promise

      @s-molinari Yes, I’ve resorted to QDialog component as Dialog plugin is not sufficient for my implementation. Thank you for your response. 🙂

      posted in Help
      S
      snowdrop
    • Dialog Plugin with Promise

      Good day, I’m currently playing with dialog plugin and seems good to me for just simple prompt. I’m wondering if the plugin can also return a Promise, as checking the documentation does not suggest so to take advantage of async-await function of javascript. It would be cool if it can be integrated as using callbacks sometimes reduces the readability of the code if you have a lot of branching in your code. Thanks!

      posted in Help
      S
      snowdrop
    • cordova-local-notification "Mark as read" function

      Good day. I’m currently using a “Mark as read” function in my Android pet project using cordova-local-notification. My problem is when the app is closed (not in background) and you click on the “Mark as read” on the notif, the callback is not working, which is already an expected behavior since the app is not on the background. Is there any way I can do this with the app closed, like a plugin as a bridge between the notif and the database? I want to update a status in SQLite database to mark that notif as ‘read’ when the user click the ‘Mark as read’ button on the notif. Thanks!

      Edit: I also tried a plugin for keeping the app on the background when you clicked the back button of Android for exit but the app can still be closed when you swipe-close the app when viewing currently opened windows.

      posted in Help
      S
      snowdrop
    • QInput cursor automatically goes on the first char of the previous word

      Good day. I am using a bluetooth keyboard for typing in my Android smart phone and is encountering this weird behavior: in q-input, the cursor automatically goes on the first character of the previous word you typed if there is a spelling error, preventing you from typing the next word unless you type the correct English word.

      I would like to get rid of this feature off since not all words that I type is in English. I tested it on websites with html only and seems that it also occurs so I don’t think that Quasar has something to do with it but I am really in a bind right now as I am encoding my study materials on my phone.

      I already tried turning off autocorrect, autocapitalize, autocomplete, and spellcheck but to no avail.

      I hope someone can help me with it. Thank you very much.

      posted in Help
      S
      snowdrop
    • RE: [Solved] Specify QChip separator in QSelect

      @metalsadman I found the bug now. An obscure function in my logic is causing the issue. Thanks again for your time 😉

      posted in Help
      S
      snowdrop
    • RE: [Solved] Specify QChip separator in QSelect

      @metalsadman Here’s the codepen: https://codepen.io/maple-syrup/pen/vYOyved
      Seems that I can’t replicate it also here. I’ll verify the versions of my packages. Or I might have missed out something in my code. Thank you for informing me about having it in codepen.

      Btw, I tried restyling the q-chip here instead of using truncation. Might be of help to others if they want this kind of style.

      posted in Help
      S
      snowdrop
    • RE: [Solved] Specify QChip separator in QSelect

      @metalsadman i’m away from my computer at the moment. I’ll make one later. Thanks!

      posted in Help
      S
      snowdrop
    • [Solved] Specify QChip separator in QSelect

      Good day. I have a q-select with q-chip directive and i have dynamic entries wherein a comma is present. As with the image attached, it separates the entry into two as its default behavior. Is there any way or workaround to specify a different separator for q-select? Thanks! As with the image, it should be “/extella/Intro to Matter, Energy and DC/1582391910131.jpg”

      alt text

      posted in Help
      S
      snowdrop
    • RE: [Solved] QSelect Not Displaying Correctly when the v-model is Set Programmatically

      Finally found the issue. Seems that I need to put the following code in both created and activated life cycle hook:

      this.categoryId = this.$route.query.categoryId
      

      I don’t know the reason behind but it’s now working.

      posted in Framework
      S
      snowdrop
    • RE: [Solved] QSelect Not Displaying Correctly when the v-model is Set Programmatically

      I also updated the description and the code.

      posted in Framework
      S
      snowdrop