Help

• K

  How to get Cursor Position from q-editor?
  • kamrava  

  2
  0
  Votes
  2
  Posts
  29
  Views

  D

  try this changeInput (value) { console.log(this.$refs.editorval.$refs.content) const content = this.$refs.editorval.$refs.content if (content) { if (window.getSelection) { // ie11 10 9 ff safari var range = window.getSelection() console.log(range) this.cursorPosition = range.focusOffset console.log('cursorPos:', this.cursorPosition) } this.cursorPosition = 0 } }
• R

  quasar dialog box is not working in IE
  • reks  

  7
  0
  Votes
  7
  Posts
  21
  Views

  R

  @dobbel Only dialog is not working in IE… and I will post code shortly @Hawkeye64 yes IE specified in browserslist.
• 

  [0.15.1] Components registering within Jest tests
  • Akaryatrh  

  23
  0
  Votes
  23
  Posts
  6035
  Views

  M

  I am still getting the same error. Installing quasar ext add @quasar/testing throws an error “ext unknown”
• D

  problems on creating own components
  • donsherman  

  2
  0
  Votes
  2
  Posts
  24
  Views

  

  You are on the right track with this.$emit(). You need to create methods that fire the this.$emit() method so you can “pass” information up to the parent. In other words, instead of inline methods, create methods which will do the communicating up to the parent component with this.$emit(). Those emits (as you build them) become the events available to use on the parent. Props down - events up. https://www.vuemastery.com/courses/intro-to-vue-js/communicating-events/ Scott
• W

  VS Code cordova debugging help: "Could not find workspace manager by the project root path"
  • walfin  

  5
  0
  Votes
  5
  Posts
  22
  Views

  W

  @dobbel Yeah I had been debugging my apps using chrome previously, but I was wondering if I could do so directly from within VS Code instead.
• W

  help for ie11 support
  • weide  

  3
  0
  Votes
  3
  Posts
  12
  Views

  

  @weide you probably need to upgrade your @quasar/app package too https://quasar.dev/quasar-cli/app-upgrade-guide.
• T

  .js files inside public folder are modified on build process
  • Taras  

  6
  0
  Votes
  6
  Posts
  21
  Views

  T

  @beets Thank you for clarification. I required plain json file and it worked for me. My issue solved. @Hawkeye64 Thank you for your reply again. Now I understand what you really meant
• D

  tooltip with dropdown and header, trigger issue
  • deadly  

  3
  0
  Votes
  3
  Posts
  15
  Views

  

  This works only if your button never uses the disable state. If that happens, then the tooltip can become permanently visible.
• D

  Some kind of menu plugin as alternative to QMenu?
  • dsl101  

  3
  0
  Votes
  3
  Posts
  22
  Views

  

  @dsl101 You should look into dynamic components: https://vuejs.org/v2/guide/components.html#Dynamic-Components
• J

  This topic is deleted!
  • JSONK  

  1
  0
  Votes
  1
  Posts
  1
  Views

  No one has replied

• M

  Column-level filtering above each shown column in Quasar table
  • Mak-NOAA  

  20
  1
  Votes
  20
  Posts
  1512
  Views

  M

  Hi guys, thanks for starting this thread, it is very relevant for us. I want to contribute this package I found that may solve this issue: https://github.com/pratik227/quasar-qgrid They also provide examples which illustrate the function pretty well https://quasar-qgrid.netlify.app/examples
• M

  q-tree: Is there a getParentNode() method?
  • murrah  

  4
  0
  Votes
  4
  Posts
  18
  Views

  M

  @metalsadman Thanks!
• M

  how can i using Dialog in a JS method?
  • mfrz6  

  3
  0
  Votes
  3
  Posts
  15
  Views

  

  @mfrz6 use Promises https://codepen.io/metalsadman/pen/LYZZyGy?editors=1010
• G

  make q-layout fixed margin-top when scrolling
  • ghadaYoussef  

  2
  0
  Votes
  2
  Posts
  13
  Views

  

  @ghadaYoussef layout keep scrolling under the header So what is your desired behavior? I watched the video a couple of times(no sound) and I don’t understand what you do want to happen if your scroll down. how the layout height is not resized because of the white space. Could be a lot of things. To get better support here , please post code listings of at least your q-q-layout and q-page with the proper style (start with 3 backticks ` and you get this and end with 3 backticks) . Even better create a codepen.io that shows your problem.( Tip: you can easily extend one of quasar examples codepens)
• D

  Best practice setting up q-scroll-area
  • dsl101  

  6
  1
  Votes
  6
  Posts
  983
  Views

  G

  @garlicbread thanks you , you saved my life!!
• H

  How to access nested JSON data through props using v-for
  • haizad  

  4
  0
  Votes
  4
  Posts
  18
  Views

  H

  Many thanks! I will learn more on the API section.
• T

  Using InjectManifest in PWA
  • tamirvs  

  1
  0
  Votes
  1
  Posts
  17
  Views

  No one has replied

• T

  Axios request getting cancelled in android
  • technowebs  

  6
  0
  Votes
  6
  Posts
  33
  Views

  T

  @Hawkeye64 Here is the code I have written in the interceptors, axios.interceptors.request.use(function(config) { // Get the token from session storage var token = SessionStorage.getItem('token'); // Check valid token if (token === null) { let publicPath = ['#/login', '#/forget-password']; // Redirect to Login if login required if (publicPath.indexOf(window.location.hash) === -1) { window.location.href = '/#/login' } } else { // Set token token = JSON.parse(token) if (token) { config.headers.Authorization = 'Bearer ' + token } } return config; }); The problem was occurring due to the property window.location.hash, which is returning different values in mobile(now checking with android only).
• J

  Breakpoints relatively Layout
  • jetsmart  

  4
  0
  Votes
  4
  Posts
  17
  Views

  

  @jetsmart I agree it could be a useful addition to Quasar. I suggest you post a feature request on github.
• A

  How to make a footer sticky or stick to the bottom of a page, I have tried everything literally nothing works.
  • aoztanir  

  2
  0
  Votes
  2
  Posts
  10
  Views

  

  @aoztanir You can do this with the ‘view’ property of the q-layout component. The layout builder tool is very handy to play with different behaviors of headers, footers, drawers configurations: https://quasar.dev/layout-builder The code of this layout has a sticky footer and was generated bij the layout tool. It’s sticky because of the capital F in the view property: hHh lpR fFf <template> <q-layout view="hHh lpR fFf"> <q-page-container> <router-view /> </q-page-container> <q-footer elevated class="bg-grey-8 text-white"> <q-toolbar> <q-toolbar-title> <q-avatar> <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg"> </q-avatar> Title </q-toolbar-title> </q-toolbar> </q-footer> </q-layout> </template>