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. rubs
    3. Topics
    • Profile
    • Following 0
    • Followers 0
    • Topics 15
    • Posts 52
    • Best 5
    • Groups 0

    Topics created by rubs

    • rubs

      this.$q is undefined
      Framework • • rubs

      12
      0
      Votes
      12
      Posts
      4469
      Views

      dobbel

      @whoacowboy

      what’s the output of quasar info

    • rubs

      Confusing QExpansionItem docs
      Framework • • rubs

      2
      0
      Votes
      2
      Posts
      98
      Views

      metalsadman

      @rubs icon is the one in the left before the header, expand-icon is the one on the right, expanded is if you want to show a different icon when qexpansionitem is expanded. Difference of expand and expanded is no animation if you use expanded as stated in the docs. It prolly need a distinct definition, but the naming kinda gives it all away imo. If you’re up for a pr, that would be cool.

    • rubs

      Determine the element under the mouse with popup-proxy
      Help • • rubs

      4
      0
      Votes
      4
      Posts
      378
      Views

      rubs

      Thank you guys for the great answers. Much appreciated!

    • rubs

      Set default tooltip properties using UMD
      Help • • rubs

      4
      0
      Votes
      4
      Posts
      207
      Views

      rubs

      Thanks to your tip, here’s the resulting code, complete with Intellisense:

      /** @type {quasar.QTooltip} */ const tooltipProps = QTooltip.options.props; tooltipProps.delay.default = 550;
    • rubs

      Select placeholder with no use-input?
      Help • • rubs

      5
      0
      Votes
      5
      Posts
      2695
      Views

      rubs

      Good! I really meant in the API section / selected slot, but improvements to the docs are always welcome. Now I see that I also completely missed the selected-item slot… This is a truly flexible component, I’m always learning something new about it. Thanks again!

    • rubs

      How to properly insert a select inside a toolbar?
      Help • • rubs

      8
      0
      Votes
      8
      Posts
      302
      Views

      rubs

      Whoa, that was fast. Just nailed it down to a CSS problem. The q-select component was inheriting a style it was not supposed to. Again, thank you guys for your help.

    • rubs

      QTree select behavior
      Help • • rubs

      9
      1
      Votes
      9
      Posts
      2175
      Views

      Q

      Thanks for pointing this link out; I have read that but will re-read as I often overlook some details that will explain how to do what is needed. It looks like the node may be set selectable even if no ticks are involved. However, the nodes are built up with a v-for routine, and how to set leaves selectable but parents non-selectable is not clear.

    • rubs

      Drawer with splitter?
      Help • • rubs

      7
      0
      Votes
      7
      Posts
      1083
      Views

      J

      It was very good. I tried to make the embedded splitter, it works but when I close it the middle part closes too. I tried to change the css classes, but I couldn’t.

      https://codepen.io/julioferraz/pen/oNbRQgw

      Automatically translated.

    • rubs

      “Unknown custom element” with separate HTML files
      Help • • rubs

      1
      0
      Votes
      1
      Posts
      81
      Views

      No one has replied

    • rubs

      QCheckbox readonly style?
      Help • • rubs

      9
      0
      Votes
      9
      Posts
      1418
      Views

      rubs

      @turigeza, thanks for the suggestion, I tested both ways but yours was simpler to implement.

    • rubs

      Custom arrow icon in QTree
      Framework • • rubs

      5
      0
      Votes
      5
      Posts
      935
      Views

      rubs

      @viswanathNK Thanks, that’s exactly what I wanted!

    • rubs

      Wrong Quasar version reported during runtime?
      Framework • • rubs

      8
      0
      Votes
      8
      Posts
      675
      Views

      rubs

      Ok, thanks! Will do.

    • rubs

      Omissions in QTabs component
      Framework • • rubs

      1
      3
      Votes
      1
      Posts
      105
      Views

      No one has replied

    • rubs

      Differences in MS Edge
      Framework • • rubs

      2
      0
      Votes
      2
      Posts
      113
      Views

      rubs

      I believe this issue has been solved, at least in Quasar’s website the differences are no longer visible. Can anyone confirm this? Thanks in advance.

    • rubs

      How to set QExpansionItem icon tooltip / size?
      Framework • • rubs

      5
      0
      Votes
      5
      Posts
      2013
      Views

      S

      You can use “target” property of q-tooltip to attach tooltip to q-expansion-item icon. Set unique class on each q-expansion-item, then specify it as target in q-tooltip:

      <q-expansion-item :content-inset-level="0.3" v-for="menuSection in menuSections" v-bind:key="menuSection.title" :icon="menuSection.icon" :label="menuSection.title" :class="`ei-${menuSection.title}`" expand-separator > <q-tooltip anchor="top right" self="center middle" :target="`.ei-${menuSection.title} i`">{{ menuSection.title }}</q-tooltip> <q-list> <q-item clickable v-ripple v-for="item in menuSection.items" v-bind:key="item.link" :to="item.link" exact> <q-item-section avatar> <q-icon :name="item.icon" size="xs"> <q-tooltip anchor="top right" self="center middle"> {{ item.title }} </q-tooltip> </q-icon> </q-item-section> <q-item-section> <q-item-label>{{ item.title }}</q-item-label> </q-item-section> </q-item> </q-list> </q-expansion-item>

      See full example here:
      https://github.com/slanatech/dashblocks/blob/master/src/demo/layouts/Default.vue#L48

      Demo:
      https://dashblocks.io/demo

      Tooltips can be seen in expansion items in sidebar menu