node-webkit,blend , How Can I set the background of a browser window blend with the desktop background?

How Can I set the background of a browser window blend with the desktop background?


Tag: node-webkit,blend

I'm trying to build an app with nwjs, and I want it to have the look and feel of a desktop app. Desktop apps on OSX (Specifically the ones on the upper menu) have their background blend with the desktop background.

Does anyone know how can I do this in a browser, or simply in nwjs (Node-Webkit)?

Thanks, Adir


It seems I was going the wrong way. The blend mode is available for menus only.


Node Webkit / Angular / Change Model

Sorry for a not very specific question by someone new to node webkit, new to Angular, new to about everything in web development: My app is based on a JSON file that I load at the init of my node webkit app and which is at the center of a...

Mac Node-webkit menu

I am trying to create a menu for a mac node-webkit app. I am trying to append a preferences menu item to the first/root menu(app name > about, preferences, etc). I have not been able to figure out how to access the menus that the .createMacBuiltin(); function creates. I have...

Style system tray with node-webkit application

I'm building a background windows application using node-webkit that has a system-tray menu. I'd like to be able to build a system tray menu that is more complex than a dropdown with checkboxes; something more akin to dropbox: There is no mention of styling the system tray in nw.js's docs....

open a file with default program in node-webkit

I want to give the user any option he want to edit a file, how can I open a file with the default program of the specific file type? I need it to work with Windows and Linux but Mac option would be great too.

I can't enable my listBox in Modern UI for WPF (vs2013 C#)

My main window is a modern tab with a group of links. Each link navigate to different page. <mui:ModernTab Layout="List" Margin="0,0.5,-222,-2" HorizontalAlignment="Left" Width="742"> <mui:ModernTab.Links> <!-- TODO: set @Source --> <mui:Link DisplayName="Page 0" Source="Page0.xaml"/> <mui:Link DisplayName="Page 1" Source="Page1.xaml"/> <mui:Link DisplayName="Page 2" Source="Page2.xaml" /> <mui:Link DisplayName="Page 3" Source="Page3.xaml"/> </mui:ModernTab.Links> </mui:ModernTab> Page 0...

Embedding terminal in a node-webkit app?

I am using node-webkit to build a text editor . However, I want the terminal to be embedded in the application. Kind off like SublimeREPL . I haven't found a way this can be achieved. Need some guidance here .Is there a web plugin or something that can help ?...

EADDRINUSE when using expressjs with node-webkit

I want to use nw.js as a standalone socket client and server. I am trying to put the sample chat application from website into a nw.js application. But when I start nw.js I got the following error: [5591:0222/] Error: listen EADDRINUSE :::3000 at Object.exports._errnoException (util.js:734:11) at exports._exceptionWithHostPort (util.js:757:20)...

Define Blend Expression ViewModel definition for RelativeSource binding

I have an UserControl (MyCompositeView) where I add some other UserControls (MyDetailView). To get intellisense and refactoring ability I add to the CompositeView the d:DataContext in xaml. To Manipulate the UserControl while adding them an new DataContext I bind the Visiblity to the RelativeSource (my CompositeViewModel). Unfortunately the matching against...

Is it possible to programmatically manipulate a psd file's layers in WPF?

I have a Photoshop Document with a few layers that I can turn on and off to make the image display different data. Is it possible to place this image in a WPF page and use C# to turn on and off layers? I've been googling for a little while...

How do you correctly import react into a node-webkit app?

I'm trying to create a node-webkit app, and I want to use react.js as my framework. After trying react and creating some components, I tried to use it as follows in a node-webkit app: 'use strict'; require('react'); Whenever I open my node-webkit app, which includes the above script at the...

Database and files in Node Webkit (nw.js)

This is my first time with Node Webkit. At this point I have all the static parts of my desktop app (built on html, css, js). However to make it functional, I require to store and retrieve user inputs from a database and/or files. How can I accomplish this and...

Node-Webkit do not load net image

I am using node-webkit develop an app,the page's image url was generateed from JavaScript and the JavaScript downloaded from internet.This is my JavaScript code: function updateMacInfo() { var url=api_path+"/weixin/macData?id="+id; $.ajax({ type : "get", async:true, url : url, dataType : "jsonp", jsonp: "callbackparam", jsonpCallback:"success_jsonpCallback3", success : function(pjson){ var json=pjson[0]; var qrcode=json.accountList;...

What is the preferred AngularJS way of adding CSS styling after Controller asynchronous call?

I am building an application with NW.js and AngularJS GitHub Link My application retrieves file names from local folders and displays these filenames in the application as a list. I want the first item in the list look different from the rest because it starts as the "selected" button/item. The...

No input validation in node webkit (nw.js) based app

This is my HTML code <input type="text" required="" placeholder="Username"> which basically make the username necessary for form submission and displays a tooltip for the field if left black on submission. The HTML Page works fine, output: However on running the genrated app.exe file, there are no messages, output: My Question:...

Failed to instantiate module, AngularJS + NodeWebkit

I try to make a stand-alone webapp by using Node-Webkit and AngularJS. I following the tutorial but i encounter an error when i try to create the angular module. Error: [$injector:modulerr] Failed to instantiate module hecktelionApp due to: Error: [$injector:nomod] Module 'hecktelionApp' is not available! You either misspelled the...

How to process and display an array of objects in AngularJS

I have a big array of objects that need to be filtered, processed and then displayed to the end user. The application is developed on top of node-webkit and I use AngularJS, jQuery for routing, DOM manipulation etc. Here is the .state: .state('', { url: '/fooBar', templateUrl: 'js/Modules/FooBar/Templates/FooBar.html', controller: FooBarController,...

Stream read returning empty in nodejs

I am using express to create a webservice that will read string data from a stream, and respond to the HTTP POST request with that value. Here is the code for the S3Store.js file that defines the readFileFromS3(.) function: S3Store.js S3Store.prototype.readFileFromS3 = function(filename, callback) { var readConfig = { 'Bucket':...

Trying to use mongoose with node-webkit target on Webpack

I use webpack and target it's build output for node-webkit. I want to require the mongoose module inside my project to connect to mongodb, but it always states some errors when I try to pack the project: WARNING in ./~/mongoose/~/mongodb/~/mongodb-core/~/bson/~/bson-ext/ext/index.js Module not found: Error: Cannot resolve 'file' or 'directory' ./win32/x64/bson...

angularJS / handing over parameter

In my AngularJS controller, I have the following code: $scope.readMDB = function () { var fs = require('fs'); var adodb = require('node-adodb'); var password = document.forms["mdbSelForm"]["pwd"].value; var revSQL = fs.readFileSync('revenue.sql', 'utf-8'); revSQL = revSQL.replace(/(\r\n|\n|\r)/gm, " "); revSQL = revSQL.replace(/[รค]/g, function () { return unescape("%E4") }); $scope.revenueSQL = String(revSQL); console.log("revSQL: "...

Node Webkit program crashes with nwdirectory

I'm trying to create a directory selection dialog in my node webkit program. According to the documentation I just have to add nwdirectory to my file dialog. Every time I use the file dialog, after selecting a folder and clicking ok, my program will hang for a few seconds, and...

Right Click Menu using React JS

I'd like to know if there is a best practice/correct way to setup a right-click menu for a React component. I currently have this... // nw is nw.gui from Node-Webkit componentWillMount: function() { var menu = new nw.Menu(); menu .append(new nw.MenuItem({ label: 'doSomething', click: function() { // doSomething } }));...

Create window-like menu on OS X

I'd like to create a same sort of tray menu like this application. Because it is on the list of applications that use node-webkit/nw.js, I think it's possible. I have looked through all the documentation and couldn't find anything on how to achieve that. Searching Google also wasn't really fruitful....

WPF - ContentPresenter does not bind to UserControl Content

Ok, so I'm relatively new to WPF and I'm having a bit of a problem with my usercontrol which contains a custom button. Everything was working fine until I tried binding the content of the custom button to the usercontrol content. UserControl Code: <UserControl xmlns="" xmlns:x="" xmlns:d="" xmlns:mc="" xmlns:local="clr-namespace:OP"...

Fade Out OpenGL VBO with Colors but without Texture

I would like to fade out a VBO object in OpenGL ES. The VBO is drawn using RGBA format GL_UNSIGNED_BYTE like this: glEnableClientState(GL_COLOR_ARRAY); glColorPointer( 4, GL_UNSIGNED_BYTE, .... I am fairly certain I should set up blending like this: glEnable( GL_BLEND ); glBlendFunc( GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA ); glColor4f( 1, 1, 1, alpha...

Set quota for HTML5 File API in NW.js application

How do you set the quota for the HTML5 File API in a NW.js application? Here is my package.json { "name": "test", "main": "index.html", "dom_storage_quota": 1024, "window": { "width": 1024, "height": 600 } } When I try to save a file using the HTML5 File API I get a QuotaExceededError...

Ace editor inside tab div not resizing with browser window (demo code inside)

So ultimately I'm trying to do this in node-webkit. I experience the similar issue there but this allows me to show it on the web side and I'm not sure what's going on. If you go to the following link below but in a browser that is not maximized, then...

Access Node-Webkit App from other Application

Is it possible to call a function in nodewebkit from an external application? For example. I would like to decide whether the window is hidden or show through a external application or with applescript. ...

node-webkit window menu not showing up

I have the following file in node-webkit but no window menu is showing up. I do get the alert I have in there so it's running the code. I'm using win 7. Any ideas? <!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> We are using node.js <script>document.write(process.version)</script>. <script>...

Creating Desktop applications that run on web browser

In the last year I got to know that many developers started developing desktop applications that run on the web browser. I am also trying to get into it and I'm trying to understand how I should start with such kind of development. I first thought I should create a...

How to print Node WebKit version

If I wanted to check which Node WebKit version I'm using, how would I do that from a command line?

How to create a snapshot of .js file -> webkit nwjs v8

Can somebody please explain me how to make a snapshot of javascript file in nodewebkit (now known as aplication. I found this wiki but i cannot find nwsnapshot aplication. Or where i need to input code (nwsnapshot --extra_code mytest.js mytest.bin) to convert - compile it?...

Node-webkit run .js file only?

Is it possible for node-webkit to run a js file, and not a .html file? I have a small app that is supposed to open a external url (and capture it to image), and I don't see the point of creating a html file with my script. I just want...

How to Know if an specific windows service is installed with Node js?

I'm new in Node JS. I'm building an new desktop app with web-kit. One of my requirements is verify if an determinate service is installed on Windows. How can I do that on Node js? I know how to find the application at the process list with Node Js. But...

Access objects that haven't been created via Blend

I'm using Blend for the first time, for a WPF C# project. I have an expander object that I'm creating on a button press, like below. var name = selectedItem.Name; var expander = new Expander {Header = name}; As you can see, I set the expander header by grabbing it...

How Can I set the background of a browser window blend with the desktop background?

I'm trying to build an app with nwjs, and I want it to have the look and feel of a desktop app. Desktop apps on OSX (Specifically the ones on the upper menu) have their background blend with the desktop background. Does anyone know how can I do this in...

Sending gcode string to 3D printer through a serial port

I am trying to display a message on my FlashForge Creator Pro (dual) 3D printer by sending the Gcode to the printer through serial communication. When I open the ReplicatorG software and place the string: M70 P5; Hello World. And click "Build" everything works fine and the machine shows the...

merging pdf docs using node webkit ,iTextsharp and edge

I am merging multiple pdf docs into one pdf using the three tools mentioned in the title. Everything is working until I try to delete the original pdf's. They are "in use" by webkit. If I close NW they are released of course. I can run the same code but...

Alignment issues with flow document reader - WPF

I am trying to load a .txt file onto a flow document reader, but the columns are not correctly aligned, i.e. there is no uniform spacing between the columns. How can I get the same alignment in the flow document, as it is present in the notepad file. I mean...

Getting started with Blend for Visual Studio 2012 Documentation .pdf

Hi there: How can I download "Getting started with Blend for Visual Studio 2012" documentation from Microsoft website in .pdf format? I dont want to use the internet the whole time when I want this documentation... Here is the link of the documntation

How to bundle node modules with native addons using webpack in node-webkit?

I'm trying to build pty.js for use in node-webkit (i.e. nw.js) v0.8.6: mkdir testapp && cd testapp nvm use 0.10.36 npm install -g nw-gyp npm install pty.js cd node_modules/pty.js # Build the native addon for node-webkit v0.8.6: nw-gyp configure --target=0.8.6 && nw-gyp build The output ends with gyp info ok....

node-webkit website test utility

I'm trying to build a tool using nw.js which can open website window, load jQuery library, and run script with parameters, for e.g. validate page title text and return results back to main script. Can anyone give a sample of valid code?

How to write a file synchronously in Node Webkit?

I am developing a Node webkit desktop application and I need to write a file synchronously, i.e. execute the code lines only when the file has been completely written on the disk. So, I tried two ways : var fs = require('fs'); tmpFileName = "/the/path/to/my/file"; fileContent = "a big string";...

How to run node webkit app in ubuntu 12.04?(Node js)

I am new nodewebkit .I have created simple application of hello world. index.html <html> <head> <title>Webkit</title> </head> <body> Hello world </body> </html> package.json { "name": "sample", "version": "1.0.0", "description": "", "main": "index.html", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "window": { "title": "Hello world", "toolbar":...

What is the Visual Studio Code editor built on

What underlying technologies/libraries is Microsoft's new (free) cross platform editor Visual Studio Code (Launched 5/29/2015) built on? There are rumors that it's just Github's Atom Editor rebranded.

Check that Html is using with Node-webkit or not? [closed]

I want the Html file only run with Node-webkit because of license purpose, not allow to run on any other browser (Chrome, Safari, Firefox...) Can we check by the Html file that it's running with Node-webkit or not?...

WPF: How to achieve a dependency property editng as a percentage/slider in the designer

I have a dependency property of type double that expresses a percentage (0 to 1) in the designer (i.e. Expression Blend / Visual Studio) It displays fine in the designer, as a 0 to 1 value, but I would like to show and have it editable as a "0%" to...

Should I use Angular for a local only NW.js project?

I want to build a mid-size application using NodeJS and NW.js (formerly known as node-webkit). The application will grab some data from the internet but isn't talking with one special service which is under my control. Is it a good idea to use AngularJS nevertheless or is the MVC approach...

Node webkit window manager on boot

I have written a node webkit application that also works as a window manager. I want to achieve the following on Ubuntu on boot: Bypass Ubuntu loading screen (skip it or customize it) Start and display my app instead of and before anything else Is that possible? And if yes...

Node Webkit and Web SQL error inserting JSON

I'm just starting with Node-Webkit (NW.js as it is now) and I am trying to use Web-SQL to store data. Creating the database works fine, exactly as in the examples, and generally inserting data works fine, again as in the examples. However when I come to insert a JSON object...