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?

Question:

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


Answer:

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


Related:


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


html,node.js,node-webkit
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":...

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


c#,wpf,visual-studio,blend
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...

Create window-like menu on OS X


node.js,osx,node-webkit,nw.js
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....

Fade Out OpenGL VBO with Colors but without Texture


opengl-es,fade,alpha,vbo,blend
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...

Node Webkit and Web SQL error inserting JSON


javascript,jstree,node-webkit,web-sql
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...

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


c#,wpf,photoshop,blend
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...

Node webkit window manager on boot


linux,ubuntu,node-webkit
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...

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


javascript,angularjs,asynchronous,node-webkit,nw.js
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...

Node Webkit / Angular / Change Model


angularjs,node-webkit
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...

Access Node-Webkit App from other Application


node.js,node-webkit
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 website test utility


node.js,node-webkit,nw.js
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?

Stream read returning empty in nodejs


node.js,express,node-webkit
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':...

Node Webkit program crashes with nwdirectory


javascript,jquery,node.js,node-webkit
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...

Set quota for HTML5 File API in NW.js application


javascript,html5,node-webkit,nw.js
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...

merging pdf docs using node webkit ,iTextsharp and edge


pdf,itextsharp,node-webkit,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...

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


node.js,node-webkit,webpack
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....

Embedding terminal in a node-webkit app?


node.js,terminal,node-webkit
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 ?...

Style system tray with node-webkit application


windows,node.js,node-webkit,system-tray
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....

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


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...

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


javascript,node.js,reactjs,node-webkit
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...

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


node-webkit,ace-editor
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...

Node-webkit run .js file only?


javascript,node.js,webkit,node-webkit
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 print Node WebKit version


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

Trying to use mongoose with node-webkit target on Webpack


node.js,mongoose,node-webkit,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...

Node-Webkit do not load net image


html,node-webkit
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;...

Define Blend Expression ViewModel definition for RelativeSource binding


wpf,xaml,mvvm,user-controls,blend
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...

Failed to instantiate module, AngularJS + NodeWebkit


javascript,angularjs,node.js,node-webkit
I try to make a stand-alone webapp by using Node-Webkit and AngularJS. I following the AngularJS.org 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...

open a file with default program in node-webkit


javascript,linux,windows,node.js,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.

How to write a file synchronously in Node Webkit?


file,node-webkit,synchronous
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";...

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


javascript,node.js,google-chrome,node-webkit,nw.js
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:...

Getting started with Blend for Visual Studio 2012 Documentation .pdf


visual-studio-2012,documentation,blend
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 https://msdn.microsoft.com/en-us/library/jj171012(v=vs.110).aspx

Right Click Menu using React JS


javascript,html,web-applications,reactjs,node-webkit
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 } }));...

node-webkit window menu not showing up


node-webkit
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>...

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


javascript,html,licensing,node-webkit,nw.js
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?...

Creating Desktop applications that run on web browser


javascript,node.js,node-webkit
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...

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


angularjs,node.js,model-view-controller,node-webkit,nw.js
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...

EADDRINUSE when using expressjs with node-webkit


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

Alignment issues with flow document reader - WPF


wpf,xaml,expression-blend,blend,flowdocument
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...

WPF - ContentPresenter does not bind to UserControl Content


c#,wpf,xaml,user-controls,blend
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="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:OP"...

Access objects that haven't been created via Blend


c#,wpf,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 to Know if an specific windows service is installed with Node js?


node.js,node-webkit
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...

Mac Node-webkit menu


javascript,node.js,menu,node-webkit
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...

angularJS / handing over parameter


javascript,angularjs,node-webkit
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: "...

What is the Visual Studio Code editor built on


node-webkit,atom-editor,vscode,electron
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.

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


c#,wpf,visual-studio-2013,blend,modern-ui
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...

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


javascript,node.js,node-webkit
Can somebody please explain me how to make a snapshot of javascript file in nodewebkit (now known as http://nwjs.io/) aplication. I found this wiki https://github.com/nwjs/nw.js/wiki/Protect-JavaScript-source-code-with-v8-snapshot but i cannot find nwsnapshot aplication. Or where i need to input code (nwsnapshot --extra_code mytest.js mytest.bin) to convert - compile it?...

Database and files in Node Webkit (nw.js)


javascript,node.js,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...

Sending gcode string to 3D printer through a serial port


node.js,serial-port,node-webkit,node-serialport,g-code
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...

How to process and display an array of objects in AngularJS


javascript,arrays,angularjs,node-webkit
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('foo.bar', { url: '/fooBar', templateUrl: 'js/Modules/FooBar/Templates/FooBar.html', controller: FooBarController,...