Help

• F

  Jobs section would be a good idea
  jobs • • FrinkMatt  

  2
  2
  Votes
  2
  Posts
  18
  Views

  

  Done. Scott
• W

  Vue apollo configuration with caching for ssr pwa mode(Solved)
  • wolfiton  

  9
  0
  Votes
  9
  Posts
  45
  Views

  

  Yes. That is exactly right. The differences are mainly the new AE also takes into consideration SSR mode and it offers a better way to config and hook custom code into the initialization of Apollo. Scott
• C

  How to unit test a bootfile with Jest?
  • Ceriel  

  1
  0
  Votes
  1
  Posts
  7
  Views

  No one has replied

• A

  Cannot compile my quasar app to IOS, Android
  • andrewnageh  

  2
  0
  Votes
  2
  Posts
  17
  Views

  

  @andrewnageh try with the debug flag, to get more error logs. quasar build -m cordova -T ios --debug
• 

  q-input turn off spellcheck, capitalization, autocorrect
  • ssuess  

  8
  0
  Votes
  8
  Posts
  1770
  Views

  S

  Sumaya aktar Sumaya
• 

  Best practices on how to globally scale down theme / layout
  • cmanique  

  5
  1
  Votes
  5
  Posts
  66
  Views

  D

  I have done battle with this issue with some success. @cmanique In a nutshell I have avoided any styling within element attributes and worked toward a css files only solution. Take a look at my css folder of the app I used to develop this approach https://git.kebler.net/Light2/frontend/src/branch/master/src/css Start by looking at https://git.kebler.net/Light2/frontend/src/branch/master/src/css/app.styl and follow the @imports to see how it’s all pulled together and in what order For fonts sizes I have used rfs to do the overall font scaling https://github.com/twbs/rfs then used stylus variables with factors to relatively scale fonts in components. There is a post on this at this forum https://forum.quasar-framework.org/topic/3483/fluid-typography-solved/33 For brand colors I use palleton to get the four color set and then use variables to easily integrate them into to the overall theme. https://paletton.com/#uid=73j0c0kllllaFw0g0qFqFg0w0aF Now when I change the that file of values https://git.kebler.net/Light2/frontend/src/branch/master/src/css/base-colors/brand.styl my site immediately has a brand color change. One can tweek those on a per component basis using stylus variables. I have set up files each targeting a quasar essential component like field, list, item that can be then overridden in a cascade like way using stylus variables. Here is an example of how a “component” style file for q-field. It has a list of customizable variables at the top (which may be themselves variables and usually are) followed by the selectors and style affected by those variables. https://git.kebler.net/Light2/frontend/src/branch/master/src/css/components/quasar/field.styl With just a couple main variable changes (base font size, brand color page) I can change my whole color and font look. @cmanique I’d just take my css folder and incorporate that into what you are evaluating. https://git.kebler.net/Light2/frontend/src/branch/master/src/css As to a complex web app I think quasar is the answer. This app has a featherjs database backend, a nodejs app backend as well, and uses feather-vuex and my own reactive nested object store to react dynamically with the nodejs backend. I wrote a dynamic form component that one feeds in the collection schema and it generates the form. It’s designed to be the configuration and control interface to a system of 40+ switches and 40+ circuits with multiple process running on multiple machines. I couldn’t not have done it without quasar and vue especially since I am a one man show.
• R

  I can't focus my q-input...
  • Raph  

  8
  0
  Votes
  8
  Posts
  554
  Views

  

  This hack works but does anyone have a more elegant solution? you could write for example Vue directive “q-focused” - here is a base idea with focus for standard input element: https://vuejs.org/v2/guide/custom-directive.html
• W

  Horizontal menu, not drawer menu, what options do I have?
  • wolfiton  

  13
  0
  Votes
  13
  Posts
  84
  Views

  W

  Thanks @s-molinari, for sharing the transition of the menu looks interesting.
• W

  Problem understanding why the transition doesn't transfer to the sloted content
  • wolfiton  

  3
  0
  Votes
  3
  Posts
  29
  Views

  W

  I created sandbox with this problem here sandbox link
• T

  How to fixed footer in mobile?
  • teo  

  3
  0
  Votes
  3
  Posts
  58
  Views

  J

  I think the issue is with Cordova. After searching, there were multiple issues on stack overflow and other sites and I found this article on Medium: https://blog.phonegap.com/displaying-a-phonegap-app-correctly-on-the-iphone-x-c4a85664c493. I’m using Icon-genie to build my icons and splash screens so I was afraid modifying the splash screen and config.xml wouldn’t work. Coincidentally I started looking at Capacitor since Ionic seems to be a more popular mobile development framework. I searched for the same screen issue with Ionic and only found one from a couple of years ago. So I rebuilt the app with Capacitor and the screen displays correctly. This is a new app (actually my first) and I haven’t yet used any additional Cordova plugins, so I have the luxury of being able to convert it. I’ve read that most Cordova plugins are supported by Ionic but there are some that aren’t. If you have the flexibility and want to try that out just follow similar instructions for Capacitor. https://quasar.dev/quasar-cli/developing-capacitor-apps/preparation
• J

  How to add custom event or method to the QCarousel ?
  • JackyLee  

  5
  0
  Votes
  5
  Posts
  34
  Views

  J

  @s-molinari Yes, less is more!
• B

  Navigation guards with file boot doesn't work form me
  • bibogold  

  5
  0
  Votes
  5
  Posts
  51
  Views

  M

  @bibogold - maybe I didn’t understand your issue completely. I can say though that my individual navigation guards on each route do what you want - they check whether the user is logged in or not, and if not, they do a redirect to a login page: … component: () => import("…/pages/my-quasar-component.vue"), beforeEnter: (to, from, next) => { if (globalStore.state.userNotLoggedIn) { // this is my own store which holds login state next({ name: “LoginRoute” }); // redirect to login route (per route name) } else { next(); // grant access to route/component } }
• 

  How to drop console statements in production
  • krsyoung  

  12
  1
  Votes
  12
  Posts
  521
  Views

  M

  @tof06 - thanks for that hint, it looks like I misunderstood that template. I added the uglifyOptions now in front of that env: in the build section, and with a fresh build on Heroku, the console.logs are gone, so that problem is solved. Unfortunately I get another problem (CORS error on some of the requests from the Quasar frontend to the backend) with that build. I still have to diagnose whether it is a side effect of the drop_console or a separate problem.
• W

  Does quasar have a style guide(best practices)?(Solved)
  • wolfiton  

  4
  0
  Votes
  4
  Posts
  67
  Views

  W

  OK Thanks @metalsadman I will follow vue guide than.
• B

  Is there a way to set all components to be dense?
  • become_iron  

  3
  0
  Votes
  3
  Posts
  24
  Views

  

  @become_iron none ootb atm, can but a messy hack prolly https://forum.quasar-framework.org/topic/5420/best-practices-on-how-to-globally-scale-down-theme-layout/3.
• K

  Event before exit the app
  • kozyyy  

  2
  0
  Votes
  2
  Posts
  39
  Views

  G

  @kozyyy said in Event before exit the app: Is there any way to invoke event when user quits mobile app? Vue’s ‘beforeDestroy’ method doesn’t work here. Did you try the ‘pause’ and ‘resume’ events? When I click on the menu button the ‘pause’ event is fired as well as when switching to another app or the back button. document.addEventListener("pause", (() => { console.log('pause'); }), false); document.addEventListener("resume", (() => { console.log('resume'); }), false);
• S

  Trigger q-table refresh [solved]
  • star  

  3
  0
  Votes
  3
  Posts
  30
  Views

  S

  @tof06 Thank You! It works like a charm. I don’t know why I didn’t think of it.
• 

  How to catch exit event on mobile , run some methods then?
  • king_of_leon  

  1
  0
  Votes
  1
  Posts
  8
  Views

  No one has replied

• M

  Multi part application
  • mammadataei  

  7
  0
  Votes
  7
  Posts
  38
  Views

  M

  @qyloxe Thanks for your answer, I get the idea and it will be useful.
• R

  QTable mobile style
  • RobbeV  

  4
  0
  Votes
  4
  Posts
  38
  Views

  D

  q-tables are a bad experience on mobile right now with the current visual behavior ( no scrollbars or the lack of visual aids). Depending on the visible table content you sometimes have no idea that the table has more ‘hidden’ content/columns and is scrollable.