You guys could have saved me a lot of time earlier today! Really glad to have found this thread, and the most helpful example by s.molinari with CodePen implementation (which includes the settings for Quasar). Thanks a bunch - I feel like you’ve more than made up my wasted time today.
Best posts made by QuaSam
-
RE: QTree selection and ticking id to create dynamic components
-
RE: [Solved] [V1] QInput - question about property v-bind
@s-molinari Scott - thanks for your reply. I’ll mull over and get back in the coming days. Best wishes with m8a.
-
RE: Electron with MSSQL or Tedious SQL
I returned to this task and got it running: npm module MSSQL allows Node.js access to SQL Server and in my case Azure SQL. However, Quasar Electron did not run, although non-Quasar Electron did. MSSQL uses one of two drivers: tedious (default) or msnodesqlv8. Not getting tedious to work I tried msnodesqlv8, noting in the doco for mssql one must specify this with var sql = require(‘mssql/msnodesqlv8’). However, this generated a different error that something was built with wrong npm version (whatever) but in researching msnodesqlv8 doco it said for use with Electron one should run npm module electron-rebuild (see its doco for how to run, not straightforward). But ultimately it is working. So: 1) use mssql, 2) specify use of msnodesqlv8, 3) run electron-rebuild and hopefully your Quasar Electron App can talk to Azure SQL.
Latest posts made by QuaSam
-
RE: Google Maps + Quasar
I am having a problem getting the following Google Maps overlay example to work with Quasar. The objects appear, but they are positioned in a matrix with top-left object at the window center; if the map is panned, the objects move back to the window center. I think the problem has to do with the use of the “this” variable, as the projection appears to be to the parent window, not the Google Maps div. Solving this problem is critical to my project, so a $ 30 donation to Quasar if someone can find hopefully an easy solution. How can one ascertain to what “this” refers, and substitute that variable with the appropriate object? Thanks! (submitted 2:15 pm US Eastern)
https://developers.google.com/maps/documentation/javascript/customoverlays -
RE: Logging functionality with Node.JS
For Node.js / Quasar-Electron, the npm winston package is very good.
-
RE: Dynamically Render Form Fields
The article written by Graypes is very good and deserves attention by forum users, but for someone not familiar with using render functions in a Quasar app, it is very difficult to implement. Is there a Render Functions 101 example which shows what is minimally required to get started with Render Functions in Quasar? Thanks (again) for the Medium article.
-
RE: Folder picker
A convienient although inelegant way to achieve your objective is to select a file in the desired folder and derive folder from the path element returned:
<!-- select folder by getting file and derive folder -->
<div class=“q-pa-sm”>
<q-file v-model=“mypathobj”
label=“Select a file in the desired Directory”
filled
@input=“gotInput”
style=“max-width: 400px”
/>
</div>gotInput: function() { this.mypath = this.mypathobj.path.replace(this.mypathobj.name, '') console.log("Folder Path: ", this.mypath) },
-
RE: How to set fixed column widths in Q-Table
@metalsadman Thanks! Once again, careful reading of the docs can save a lot of time.
-
RE: How to set fixed column widths in Q-Table
By trial and error this seems to be working (let me know if not and I will revise this post): (It would be nice to have a few examples in Q-Table docs. It may be standard CSS but it is not always clear when CSS parameters apply and when they do not. Q-Table is a great display mechanism.)
style: “max-width: 500px; min-width: 500px” -
RE: Electron with MSSQL or Tedious SQL
Quasar Upgrade MSSQL fails FIXED (Inegalantly): Working on a new program, I had MSSQL working but I when upgraded Quasar, the problem re-appeared, and it caused an older program that was working to no longer compile with the same errors. I’ve upgraded NPM, VS Build tools, reinstalled MSSQL, tedious and msnodesqlv8 modules; ran electron-rebuild. Two modes of failure, below. Non-Quasar Electron program using MSSQL still works, so problem is definitely introduced by Quasar. Sam
Two methods, each with different error message:
import sql from ‘mssql’ <using default driver tedious> gets webpack_require is not a function
import sql from ‘mssql/msnodesqlv8’ gets "specified module could not be found: node_modules\msnodesquv8\build\Release/ec1\0188…node
Ahah (Ugh): By trial and error I got it to work with the following Webpack theatrics, including null-loader. If anyone can figure out what is the right way to do this I would like to know and hopefully others can use Quasar Electron MSSQL (and Azure SQL): <7/2: I ended up using msnodesqlv8 rather than default tedious, as for some reason I could not get the connection to complete. Other settings that may or may not matter: bundler: ‘builder’ and target: ‘electron-renderer’ )
// https://quasar.dev/quasar-cli/handling-webpack
extendWebpack (cfg) {
cfg.module.rules.push({
enforce: ‘pre’,
test: /.(js|vue)$/,
loader: ‘eslint-loader’,
exclude: /node_modules/
})
cfg.externals = {
mssql: “require(‘mssql’)”,
tedious: “require(‘tedious’)”,
msnodesqlv8: “require(‘msnodesqlv8’)” // added 7/2
}
cfg.module.rules.push({
test: /.node$/,
use: ‘node-loader’
})
cfg.target = ‘electron-renderer’
// 7/1/20 trying this see
cfg.module.rules.push({
test: /.mssql$/,
loader: ‘null-loader’
})
cfg.module.rules.push({
test: /(tedious)/,
loader: ‘null-loader’
})
} -
RE: q-file-picker component with express js help
Sorry, no solution, but a related question: How can the file picker default folder be set to something other than __dirname? I have not been able to find an answer in the doco or Forum. This requirement would seem to be common, so including an example in the file picker documentation where the default folder is set would be appreciated.
-
RE: Globally Hide or Show Left Drawer on MainLayout Page
@dobbel Thanks! I have added ‘’’ to the text, but it is not producing the effect you are showing. Any further steps needed to make it work?
-
RE: Newbie Question: Changing main vue q-drawer from other views
You may find this helpful:
https://forum.quasar-framework.org/topic/6088/globally-hide-or-show-left-drawer-on-mainlayout-page
Globally Hide or Show Left Drawer on MainLayout Page