Framework

• K

  Q-Tabs and vee validate
  • KorbenDallas

  11
  0
  Votes
  11
  Posts
  248
  Views

  K

  @metalsadman Just a note, your example does not seem to work with edge or ie11 (I have to support them), in that case I had to select each tab in their own nextTick and the process is quite visible on IE11.
• A

  How to set ios the default theme?
  • asarkar1990

  2
  0
  Votes
  2
  Posts
  53
  Views

  M

  on your build/dev command add a -t ios.
• S

  Q-Editor update with 'mentionable' tag ?
  • Sweetyy

  3
  0
  Votes
  3
  Posts
  80
  Views

  

  That is quite an impressive editor. Scott
• R

  Q-table Slow conditional rendering
  • rund1me

  12
  0
  Votes
  12
  Posts
  384
  Views

  K

  I also struggled with many components inside QTable. I replaced them using native html with quasar css: <button tabindex=“0” type=“button” class=“q-btn inline relative-position q-btn-item non-selectable q-btn-rectangle q-focusable q-hoverable bg-white text-black”><div class=“q-focus-helper”></div><div class=“q-btn-inner row col items-center justify-center”><div>Standard</div></div></button> This is not good long term solution but I agree that we need some functional components built in into framework - for exapmle: QBtnSimple, QIconSimple etc… This way we can avoid that future change inside framework css will break my native button styled using quasar css. I will create feature request for that using Github. Not everyone knows at the beginning why some components work so slowly using sub components.
• R

  Select unusable with a lot of data
  • rund1me

  6
  0
  Votes
  6
  Posts
  183
  Views

  R

  That got me thinking that there is maybe something one could do in regards to performance? I Know for this i should useh the q-autoselect over a q-input and will also use this(in that case), but i still think that there is a rendering speed issue which i just wanted to report. Aehm sorry guys just wanted to help you where i thought might be an issue in regards to performance, i dont actually use the select like that. i was just suspecting that there might be an issue when the table acutally renders pretty fast (also when using pagination all) and the select hangs. I just used this data size so that you might see that one could maybe increase the performance. Event with a few elements in the select a few ms here and there can always make a difference.
• K

  [Solved] How to make a q-table with multiple headers?
  q-table • • KevinYang

  18
  0
  Votes
  18
  Posts
  722
  Views

  H

  I could not see the link, so I wrote it referring to the above comment. https://jsfiddle.net/v09hbkwa/
• R

  Display different theme based on platform
  themes dynamic-change • • reath

  6
  0
  Votes
  6
  Posts
  222
  Views

  

  Currently, the styles are calculated and loaded with the flag set at build time. This is to lower CSS density/ file size. Scott
• 

  Customise colour for error-label in q-field
  • Jezzta667

  6
  0
  Votes
  6
  Posts
  142
  Views

  Z

  That’s what i thought and read on docs. Haven’t used or tested the warning props but yeah good to know they are working and also checked back on the quasar releases page and they got added on v0.15.11
• O

  Problem in caching components
  • olegmihh

  1
  0
  Votes
  1
  Posts
  64
  Views

  No one has replied

• F

  Quasar Vuex + any suggestion of websocket integration??
  • frankdiaz55

  3
  0
  Votes
  3
  Posts
  250
  Views

  Q

  this works ok: https://github.com/nathantsoi/vue-native-websocket for example with that: https://aiohttp.readthedocs.io/en/stable/web_quickstart.html#aiohttp-web-websockets
• R

  [Error] kwift.js "undefined is not an object (evaluating 'n.style.display="none"')"
  • reath

  6
  0
  Votes
  6
  Posts
  184
  Views

  

  That’s not Quasar code… so check your deps?
• T

  q-ajax-bar ? I see a red bar when using axios, not sure why...
  • tntneo

  3
  0
  Votes
  3
  Posts
  100
  Views

  T

  For the record, if someone searches for this : when using in dev framework: ‘all’ every plugin is loaded and injected. this added a q-loading-bar to the page.
• D

  Is it possible to create new variables in common.variables.styl in [v^0.17.0]?
  • DaniloBarros

  2
  0
  Votes
  2
  Posts
  67
  Views

  D

  Nevermind, I found the solution poking around a little more. What I found it was that it is needed to define .bg-${new-color} and .text-${new-color} and export @css:export. $quaternary = #848586 .text-quaternary color $quaternary .bg-quaternary background-color $quaternary @css:export quaternary $quaternary Then you can use it on .vue files. Thank you.
• P

  Is it possible to make an option in an option group non selectable?
  • paul

  2
  0
  Votes
  2
  Posts
  53
  Views

  P

  ok, found it out. you can set directly on the options: disable or readonly. Oh boy, Quasar is sooo great. What an amazing quality and comfort. Kudos to the dev team.
• 

  Disabled Input fields are not actually disabled
  • A3an

  7
  0
  Votes
  7
  Posts
  1126
  Views

  

  “disable” is a prop while “disabled” is the CSS class. The “disable” instead of “disabled” is due to an old Vue bug and it kind of stuck with Quasar due to legacy.
• T

  What's the proper way to use a `q-modal-layout` with a `<div slot="footer">` along with a form tag?
  • toymachiner62

  16
  0
  Votes
  16
  Posts
  426
  Views

  T

  That makes 2 of us @s-molinari
• N

  When I use ‘build for production’ command (quasar build -m cordova -T android -t mat) and try to copy the apk generated, the device says ‘App cannot be installed’.
  • NatureDev

  5
  0
  Votes
  5
  Posts
  74
  Views

  N

  Understand! TNX a loot for explanation @sockhenzie I signed up and it works! TNX a loot!
• S

  Text of QInputs overlap with FlexCSS
  • stefanvh

  10
  0
  Votes
  10
  Posts
  303
  Views

  Z

  Trying to set the width on the input element, seems to fix the issue (like width: 100% instead of width: auto). This might have to do with input having default width by browsers which will differ from firefox to chrome to… This stackoverflow post might be of good use.
• G

  File uploader update existing file
  • genyded

  2
  0
  Votes
  2
  Posts
  119
  Views

  Z

  You can’t do this using the QUploader component. check this duplicate post. But you can do this just using simple css and a bit of js. Here’s a link to get you started.
• B

  Spring boot example
  • bzd

  2
  0
  Votes
  2
  Posts
  122
  Views

  B

  FYI, i solved this by putting extractCSS: false in the quasar conf. In this case there are no css files generated But it feels more like a work around