Help

• J

  [Solved] Q-toolbar dropdown menu possible ?
  • jctrebalag  

  7
  2
  Votes
  7
  Posts
  2388
  Views

  

  I ended up modifying my approach again slightly to incorporate the ability to include an avatar into the “button”. Specific details are available here: https://forum.quasar-framework.org/topic/2602/image-in-top-dropdown-menu/2 The short of it was to use a q-chip with avatar set to the image and no content – then use the clever popover approach above.
• 

  How can I access vue instance?
  • danielsalles  

  9
  1
  Votes
  9
  Posts
  4131
  Views

  

  @rstoenescu Oh, my bad. I had added in components. Now I’ve got it, and it’s working. Many thanks for the support offered
• 

  Using firebase as plugin in Quasar 0.15
  • CristalT  

  8
  0
  Votes
  8
  Posts
  4053
  Views

  

  The error is not related with repo. Quasar CLI uses yarn to create the project. The node version you have is incompatible with the installed yarn version. As log says, the node version must be “>=4 <=9” I’ve experimented the same error on my local since ago. I recomend you change the node version. If you have nvm, it could be very easy. Then reinstall Yarn and Quasar CLI under new node version selected; 8.9.0 will work. Hope it helps you.
• J

  Using global lodash with quasar v15 (Solved)
  • jeimz173  

  7
  0
  Votes
  7
  Posts
  3215
  Views

  T

  I ended up doing this in my plugin file. This makes it globally available. // import something here import _ from 'lodash'; // leave the export, even if you don't use it export default ({ app, router, Vue }) => { window._ = _; }; And then add globals: { 'ga': true, // Google Analytics 'cordova': true, '$axios': true, '_': true, '__statics': true }, into .eslintrc.js. So the linter doesn’t complain. One has to restart quasar dev to reload the .eslintrc.js file. After that one can use lodash as usual just by typing _.
• K

  Can I access isCordova value in preFetch
  • ksncho  

  2
  0
  Votes
  2
  Posts
  10
  Views

  

  https://v1.quasar-framework.org/quasar-cli/cli-documentation/handling-process-env if (process.env.MODE === 'cordova')
• J

  requires a peer of quasar-framework@...
  • jackpark  

  3
  0
  Votes
  3
  Posts
  225
  Views

  P

  How to edit CalendarEvent that display on particalur date in calendar ?. Please guide me.
• K

  [solved ]Get size of container / element?
  • kp  

  2
  0
  Votes
  2
  Posts
  11
  Views

  

  https://v1.quasar-framework.org/vue-components/resize-observer
• D

  Gradient colors in components with color property
  • DarkPenguin  

  4
  0
  Votes
  4
  Posts
  23
  Views

  M

  i believe non atm, maybe ask for it to be a feature in their github.
• A

  How to wait for q-input change event execution
  • apptaro  

  4
  0
  Votes
  4
  Posts
  25
  Views

  A

  Actually, I found that I have to wait 200ms: https://github.com/quasarframework/quasar/blob/v0.17/src/mixins/input.js#L41 https://jsfiddle.net/apptaro/fv269qn0/36/ So, here’s the note: @change and @blur of q-input in quasar 0.17 are delayed 200ms!
• V

  Single Selection on datatable activating all checkboxes
  • vrn.dev  

  4
  0
  Votes
  4
  Posts
  24
  Views

  M

  @vrn-dev it refers to a prop of the object array you passed to data prop, usually i set it as the __index since quasar sets it uniquely for each row than a name which has tendencies to be duplicated.
• M

  Google autocomplete places with q-input
  • Mauri  

  3
  0
  Votes
  3
  Posts
  33
  Views

  M

  @mKomo said in Google autocomplete places with q-input: Hi, maybe give QSelect a go instead of q-input, see: QSelect-autocomplete you can always make it look like a normal input field if you like or for greater customization you can make your own field with the QField wrapper Thanks! I’m going to try this
• T

  QTree Icon v1 an icon for node open state
  • turigeza  

  1
  0
  Votes
  1
  Posts
  7
  Views

  No one has replied

• F

  q-uploader issue
  • Fernando2684  

  10
  0
  Votes
  10
  Posts
  1571
  Views

  

  @miguel-teixeira In quasar beta.19 (to be released today) there’s the hide-upload-btn Boolean prop so you don’t need any CSS for it.
• Y

  Tour component
  • yosa  

  3
  0
  Votes
  3
  Posts
  60
  Views

  Y

  @rstoenescu I need something more complete. For example: https://introjs.com/ http://linkedin.github.io/hopscotch The effect of highlighting an element such as introjs. I’ll try a vue-tour to see if I can adapt it. Thanks for your attention
• 

  bug phone mask
  • OnlyReFLeX  

  2
  0
  Votes
  2
  Posts
  20
  Views

  

  SOLVED i set prefix “+7” and mask (###) ###-##-##
• S

  Centering q-toolbar title / Using flex CSS on q-toolbar
  • sarndt  

  5
  0
  Votes
  5
  Posts
  991
  Views

  D

  Here is my solution with “absolute-center”: <q-toolbar> <q-toolbar-title class=“absolute-center”>Your Toolbar Title</q-toolbar-title> </q-toolbar>
• K

  [V1] Q-Chips with Q-Select interaction
  • kahximiro  

  1
  0
  Votes
  1
  Posts
  16
  Views

  No one has replied

• N

  How to encode image to base64 in q-uploader?
  • nomad  

  3
  0
  Votes
  3
  Posts
  35
  Views

  N

  @metalsadman thank you))) it helped me
• T

  Sticky Header in QTable with position:sticky;
  • turigeza  

  2
  0
  Votes
  2
  Posts
  19
  Views

  T

  Well just after I posted this question I figured how I can do this. One has to give a max-height to the .q-table__middle.scroll https://codepen.io/turigeza/pen/pBZWmd
• I

  SPA-SSR Deployment with Apache
  spa ssr express apache • • Ivo  

  4
  0
  Votes
  4
  Posts
  40
  Views

  I

  An update: I noticed that the statics GET ignores the publicPath set on quasar.conf.js, so I tried: include in quasar.conf.js assetPublicPath: '/node/' -> nothing on src-ssr/index.js: 2.1.app.use('js', express.static(path.join(__dirname, 'www/js'))) -> nothing 2.2.app.use('*/js', express.static(path.join(__dirname, 'www/js'))) -> nothing template.html: if I include <base href="/node/"/> on the header (based on this stackoverflow answer), the images are loaded but not js, css… Probably this is simple and a newbie mistake, but thank you all for all the help you can give.