How can I create popup like in Ghostery and is it possible to have some HTML content in it?
Ghostery's purple bubble
The best way to implement a notification popup for a Chrome app or extension is to use the chrome.notifications API. You can choose to enrich the notification with a text or even an image, but HTML content is not supported. Find the complete documentation here: https://developer.chrome.com/apps/notifications
Related
I am trying to build an Add-On for gmail which will perform some actions on a set of messages selected by the user.
Looking at the gmail Apps Script API, I cannot see a method that allows me to do that.
I've noticed that some AddOns operate on selected messages, just like what I want to do. See picture below...
The checkboxes (highlighted in green) tell the AddOn what to operate on.
What am I missing?
The opened menu has options to forward the messages selected by combining them.
Also, I noticed that this AddOn is placed by google along the top. The same happen to the boomerange AddOn. The AddOn I am developing, always appears on the right hand side (pink arrows).
How can you place your addOn along the top menu?
The items you reference with the orange arrows in the image are not Gmail Add-ons, they are actually Chrome Extensions. Chrome Extensions are installed in the browser and they can add functionality by manipulating the DOM (Document Object Model) of a webpage. The chrome extension in question is probably specifically targeting chrome tabs with Gmail loaded and injecting content in the respective pages.
If you want to learn more about developing Chrome Extensions check out the following documentation:
https://developer.chrome.com/extensions/devguide
And for developing gmail specific Chrome Extensions you might want to check out the InboxSDK framework linked below:
https://www.inboxsdk.com/
When an extension is installed in chrome, a popup comes up which says [Extension_name] has been added to chrome.
This is the default popup having extension icon and some message. I want to modify this popup data. is there any api which we can use to modify it.
There is no such API, but you can use onInstalled event to open new tab with your own description.
In addition to Deliaz's answer, you can create either a browser action or a page action popup. You can change popup html dynamically to make it look completely different depending on the situation but you can't open it programmatically (desktop notifications could be used for alerts).
Here's another reference which might also help.
Does anyone know if the GCM native notification prompt you see on Browsers such as Chrome, can be replaced or adjusted in any way so that we show a more presentable popup instead?
Here is a native prompt example:
No, you cannot customize it.
The only option would be do draw your custom dialog with HTML / CSS, then when someone clicks subscribe display the default browser dialog: I've already seen it on some websites, but I strongly recommend against it (because of the bad UX it provides).
I'm trying to create a Google Chrome extension with a bar that appears along the bottom like the Chrome "Developer tools". I dont want to use content scripts, if possible. Does chrome extension provide any way to do this.
You can create a panel IN the developer tools using the devtools API but it sounds like you want something separate from that.
The bad new is, unfortunately, there is no way to do this with out content scripts - Chrome is very strict on what it allows you to do. Why, may I ask, do you not want to use content scripts?
I'm just starting on a Chrome extension. I want it to load a popup element whenever the browser loads a Facebook url.
Is this possible? And how? // ANSWERED.
Okay, then.
Now, I now how to make an extension that drops down in a small window at the top right of the page beneath the extension icons. *But how can I create a new div anywhere on the web page, like this buzzgrowl extension:http://buzzgrowl.com/ *?
Yep it's possible. You can trigger a popup in your javascript. Set it to work only on facebook.com.
You can also do javascript checking of the url via window.location.