Handle a Button Event: index.js does not appear - visual-studio-cordova

I am currently going through the beginner tutorial, I have gotten to the "Handle a button event" section where it asks to open the index.js file. Where was this file supposed to be located, as well as when was it added in during the tutorial? This file does not appear when I search it.

Did you use the Typescript version of the blank Cordova template to create your project? If so that is why you would not see any index.js. Start over using the Javascript version instead of Typescript. Just create a new project as usual and find Cordova under Javascript. This happened to me.

Related

How to drag and drop an image out of Electron on Next.js?

I'm struggling to get drag & drop functionality to run in Electron when it wraps Next.js. I follow an official Electron tutorial on d&d and base my code on an example in the official Next.js repo. I was able to get d&d working in a quick start Electron app after following the steps described in an official example.
The issue I'm having is that when I drag a file outside of an Electron application to Finder, only a .fileloc or .webloc file is being dragged, not the file I send with sendDrag.
I'm not sure why is it happening. Could it be that d&d out of Electron is supported only when the browser window loads a file with loadFile, not a url with loadURL? In that case, I'm not sure how can I run exported html Next.js files without a server...
Alright, turned out I forgot to add event.preventDefault(). This is the commit with the fix https://github.com/cbrwizard/nexj.js-with-electron-typescript/commit/e3fba369287c7506263c36db36ada0c61246808b#diff-5a46010a5570ab7e32855454c53ccc06bd1f7b08e2099db4ff3a3f0c584e3f05R31

Xamarin.Forms: Using open source code instead of the nuget package to debug

I am using this nuget package
https://github.com/jamesmontemagno/MediaPlugin
It is available for both ios and android in pcl.
I am using it to make videos in my app.
Unfortunately, it has issues on iOS that are inside the project, not inside my code.
I am therefore trying to debug the project, not just implement the nuget library.
It does work fine on Android, so all I want to change is the iOS part.
Unfortunately, I dont know how to insert the same library when it isnt a nuget package but just the solution and also how to then adress it from pcl code.
I havent found a solution on google, but probably I dont know how to describe the problem well enought.
How can I debug an open source nuget package?
Thank you
Download or clone the src code,
Go to your project in VS,
Right click on your solution, choose Add -> Existing project,
Navigate to MediaPlugin-master\src\Media.Plugin and choose Media.Plugin.csproj file,
Right click on your iOS project (or whatever project where you use the plugin), choose Add -> Reference,
Check Media.Plugin and click OK,
Now you should be able to use the plugin in your project code after adding using Plugin.Media; (and the code of the plugin will be available to you).

WebStorm Firebase Integration

I'm pretty new to Firebase, and Web Development in general. Does anyone know how to avoid errors like these in WebStorm?
Ideally I would like to be able to point Webstorm towards some resource so it recognizes these functions. Everything works and this is technically just an annoyance, but I haven't been able to find a solution.
To link Firebase as a library in WebStorm's JavaScript project do as follows:
Hit Ctrl+Alt+S to open Settings page.
Open page Language & Frameworks > JavaScript > Libraries
Hit ADD... button on right
Fill name as firebase
Hit + and Attach Directories
Find your node_modules\#firebase folder inside current project
You can OK twice to confirm and close Settings page
Now your Firebase is recognized by WebStorm and all #types are defined, and you can Ctrl+Click any function, and get code completion!
Best regards!
Adding firebase as a dependency to package.json and then doing npm install should do the trick – WebStorm fill index the source files and provide code completion for Firebase APIs.
Alternatively, you can download firebase-app.js and firebase-auth.js from the CDN and then configure them as a Library in WebStorm as described in the docs.

Import Twitter Bootstrap Template to Ruby on Rails Application

I'm currently involved in a complex project which I will require help from this forum in order to complete! I am a novice; and have thus far only completed Michael Hartls Tutorial.
Currently I am attempting to import this template into my new application. I have successfully got Bootstrap working; as the generic text improves. This shows that it is working!
However, when I paste the content from the Index file it does not display correctly. I imagine this is due to incorrect placing of CSS and JS files in the ruby folder.
https://startbootstrap.com/template-overviews/creative/
Thanks!

VS2012 automatically creates nested css file under sass file and checks out project

I have recently upgraded to VS2012 and have a small issue. All our sass files are checked into source control and the corresponding css file gets generated when the project is built (the css file is never part of source control). with VS2012, as soon as i edit the sass file, a css file is created under the sass file (nested under it) and the project file is checked out. I do not want this as we don't need to check in the css file.
Is there an option i can set to avoid this ? Had a quick look under tools ->options but didnt see anything
The only plugin we have installed is Mindscape Web Workbench free version.
Thank you for any advice.
So the Web Workbench plugin was automatically modifying the project file and including the following under my scss files. This was still present even when i disabled and removed the plugin. There's no option to disable this function in Web Workbench, so i wont be using it anymore.
<Compile>True</Compile>
<Minify>True</Minify>
<CompileStyle>Nested</CompileStyle>
<DebugInfo>False</DebugInfo>
Using SassyStudio now which is nice and simple.Has the option to disable auto css creation and project adding etc.
Hope this explanation can help someone else.

Resources