Search completed in 1.58 seconds.
66 results for "Overlays":
Your results are loading. Please wait...
XUL Overlays
MozillaTechXULOverlays
xul files and xul overlays overlays are xul files used to describe extra content in the ui.
... though overlays often define ui elements that have been added as a result of an update or enhancement of some kind, they can be used in many different ways.
... overlays provide a general mechanism for: adding ui for additional components, as described in the example above overriding small pieces of a xul file without having to resupply the whole ui reusing particular pieces of the ui xul files and overlays work together to describe a single master document.
...And 17 more matches
Cross Package Overlays - Archive of obsolete content
« previousnext » this section describes how to apply overlays to files that don't import them.
... applying overlays to other packages note: this section talks about contents.rdf which has been replaced in gecko 1.8 by manifest files.
... overlays have another very useful feature.
...And 7 more matches
DOM Inspector internals - Firefox Developer Tools
.js hooks.js inspector.css inspector.js inspectoroverlay.xul inspector.xml inspector.xul keysetoverlay.xul object.js object.xul popupoverlay.xul sidebar.js sidebar.xul statusbaroverlay.xul tasksoverlay-cz.xul tasksoverlay-ff.xul tasksoverlay-mobile.xul tasksoverlay-sb.xul tasksoverlay-tb.xul tasksoverlay.xul toolboxoverlay.xul utils.js venkmanoverlay.xul viewerregistry.js overlays you will notice that there are a lot of overlays.
... some overlays can be described as host-integration overlays, and others as shared structure overlays.
... host-integration overlays dom inspector is a general-purpose extension, suitable for use with any mozilla toolkit host application.
...And 14 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
extension/ chrome manifest chrome/ #registered in the chrome content package #run with privileges locale package skin package figure 1: chrome packages and chrome registration (fixme: not really explicit and not a figure) cross-package overlays the “overlay” technique introduced in chapter 3 required the use of the xul-overlay instruction in the xul document that is the overlay target.
...in fact, you need to use cross-package overlays to append buttons or menus to the firefox browser window.
... normal overlay: adding the xul-overlay instruction to the target xul document overlays it with another xul document cross-package overlay: adding a cross manifest permits one xul file to overlay another without any xul-overlay instruction.
...And 6 more matches
The Joy of XUL - Archive of obsolete content
overlays overlays are xul files used to describe extra content for the ui.
... overlays are a powerful mechanism for customizing and extending existing applications because they work in two related but highly different ways.
... in one respect, overlays are synonymous with "include" files in other languages because an application may specify that an overlay be included in its definition.
...And 4 more matches
Bootstrapped extensions - Archive of obsolete content
traditional extensions include overlays, wherein the application can load up xul from the extension's package and automatically apply it on top its own ui.
...these are special extensions that, instead of using overlays to apply their user interface to the application, programmatically insert themselves into the application.
... not all chrome.manifest instructions are supported in bootstrapped add-ons, for example you still cannot register xul overlays from a bootstrapped add-on.
...And 2 more matches
Making it into a static overlay - Archive of obsolete content
static overlays are added to a xul file via a reference at the top of the file (much like stylesheets and javascript scripts).
... dynamic overlays are added to a xul file via a reference in the chrome registry.
... overlays provide a way to break up a large xul file into several different files (one that describes the overall structure of an application window and the others to implement specific portions of the window) to improve code readability, maintainability, and extensability.
...And 2 more matches
XUL Migration Guide - Archive of obsolete content
user interface components xul-based add-ons typically implement a user interface using a combination of two techniques: xul overlays and xul windows.
... xul overlays xul overlays are used to modify existing windows such as the main browser window.
... because sdk-based extensions are restartless, they can't use xul overlays.
... my-addon/ chrome/ content/ locale/ skin/ chrome.manifest data/ lib/ package.json there are limitations on what you can do in this manifest file: for example, you can't register overlays, resource: uris, or components.
How to convert an overlay extension to restartless - Archive of obsolete content
well, xul overlays and windows, jsm files, chrome & resource mappings with localization, default preferences, but no xpcom components of your own.
... step 6: no more xul overlays ok, now we're getting into some more drastic changes.
... you won't be able to use your chrome.manifest to load xul overlays anymore with a restartless add-on.
...no resource mappings or chrome overlays.
Extensions support in SeaMonkey 2 - Archive of obsolete content
some urls are listed below: url in firefox url in seamonkey overlays chrome://browser/content/browser.xul chrome://navigator/content/navigator.xul main browser window chrome://browser/content/pageinfo/pageinfo.xul chrome://navigator/content/pageinfo/pageinfo.xul page info window chrome://browser/content/preferences/permissions.xul chrome://communicator/content/permis...onsmanager.xul permis...
...some important menu ids are listed below, menu ids are based on firefox 3 source code: menu id in firefox menu id in seamonkey 1.x and 2.0 seamonkey 2.1 overlays menu_filepopup menu_filepopup menu_filepopup file menu popup menu_editpopup menu_edit_popup menu_editpopup edit menu popup menu_viewpopup menu_view_popup menu_view_popup view menu popup - gopopup gopopup go menu popup placespopup - - history menu po...
...although this doesn't affect the appearance of the display, it may affect your extension if it overlays chrome relative to these elements.
... in manifest file seamonkey uses different overlays than other applications.
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
delete these two files: chrome.rdf overlays.rdf explanation: seamonkey automatically rebuilds these files the next time it starts.
... rdf:resource="urn:mozilla:package:custombutton"/> </rdf:seq> <rdf:description rdf:about="urn:mozilla:package:custombutton" chrome:displayname="custom button" chrome:description="my custom toolbar button" chrome:author="my name" chrome:name="custombutton" chrome:localeversion="1.8" chrome:skinversion="1.5" chrome:extension="true"/> <rdf:seq about="urn:mozilla:overlays"> <!-- browser --> <rdf:li> <rdf:seq about="chrome://navigator/content/navigator.xul"> <rdf:li>chrome://custombutton/content/button.xul</rdf:li> </rdf:seq> </rdf:li> <!-- address book --> <rdf:li> <rdf:seq about="chrome://messenger/content/addressbook/addressbook.xul"> <rdf:li>chrome://custombutton/content/button.xul</rdf:li> </rdf:seq...
...uninstalling the button if you ever want to uninstall the button, delete the files chrome.rdf and overlays.rdf again, just as you did in step 2.
...after changing contents.rdf, delete the files chrome.rdf and overlays.rdf so that seamonkey registers the change the next time it starts.
XUL Structure - Archive of obsolete content
however, there are some features that are specific to html, such as forms, and others which are specific to xul, such as overlays.
...registered packages are not required to use overlays, of course.
...likewise, xul specific features such as overlays and templates are only available in xul documents.
... many packages will include a contents.rdf file, which describes the package, its author, and the overlays it uses.
Writing Skinnable XUL and CSS - Archive of obsolete content
css files that are used by xul overlays should never import the global skin (or any other skin for that matter).
...because the button is used in the navigator window (through overlays), the fonts/colors used should not be described by messenger.
...xul overlays, however, should not, since they will be used in the context of other skins.
...examples of overlays that should take place using the chrome registry include the security padlock icon and any messenger ui in the navigator window.
Main Windows
things appear confusing for several reasons: much of the code is written to be portable, so instead of duplicating it, its been put in overlays that are loaded over many different types of windows.
...the rest is loaded from overlays: mailwindowoverlay.xul this is the red sections shown in the interface above (where?), including the toolbars, notification bars, and the status bar, but also includes most of the commands, keysets, and context menus of thunderbird, along with a whole lot of javascript.
...its almost exactly the same as messenger.xul in terms of overlays, but just lacks the folder and threadpanes normally shown.
... menus, toolbar buttons, and headers are all taken from exactly the same overlays listed above though.
The Essentials of an Extension - Archive of obsolete content
xul files usually define one of two things: windows or overlays.
...you can declare overlays for any window or dialog in firefox, but overlaying the main browser window is the most common case by far.
...if we used generic ids like container or input, they will likely conflict with ids used within firefox, or with ids from other extension overlays.
Index - Archive of obsolete content
one of prism's features is an extreme lack of ui elements, which means that trying to use the same overlays in firefox and prism is really not possible.
... 1687 creating toolbar buttons (customize toolbar window) add-ons, extensions, firefox 3, toolbars, xul this article explains how to add a toolbar button to a toolkit application (such as firefox, thunderbird, or kompozer) using overlays.
... 1755 cross package overlays tutorials, xul, xul_tutorial this section describes how to apply overlays to files that don't import them.
Creating toolbar buttons (Customize Toolbar Window) - Archive of obsolete content
this article explains how to add a toolbar button to a toolkit application (such as firefox, thunderbird, or kompozer) using overlays.
...explaining overlays is beyond the scope of this tutorial -- you can read about them in the xul tutorial.
...includes useful information about overlays for chatzilla.
Manifest Files - Archive of obsolete content
three overlays are also specified, which allow content from different packages to combine together.
... extensions will make the most use of overlays, since they merge their ui with the browser ui.
...also delete the entire <mozilla-directory>/chrome/overlayinfo/ directory if you are using overlays.
SDK and XUL Comparison - Archive of obsolete content
although you can write traditional add-ons that are restartless, you can't use xul overlays in them, so most traditional add-ons would have to be substantially rewritten anyway.
... advantages of xul-based add-ons user interface flexibility xul overlays offer a great deal of options for building a ui and integrating it into the browser.
Adding sidebars - Archive of obsolete content
« previousnext » the sidebar in firefox is a relatively large and flexible space to add rich interfaces without requiring new windows or complicated overlays.
... the xul page for the sidebar can hold any content you want and it's no different from other xul windows or overlays.
Index - Archive of obsolete content
ArchiveMozillaXULIndex
956 creating toolbar buttons (customize toolbar window) add-ons, extensions, firefox 3, toolbars, xul this article explains how to add a toolbar button to a toolkit application (such as firefox, thunderbird, or kompozer) using overlays.
... 1024 cross package overlays tutorials, xul, xul_tutorial this section describes how to apply overlays to files that don't import them.
Building the WebLock UI
overlays are xul files that register themselves to be dynamically inserted into the appropriate parts of the browser ui at runtime.
...in overlays the ordinarily unique id attributes that xul elements use to distinguish themselves are purposely made redundant with ui in the existing browser with which they should be merged.
/loader - Archive of obsolete content
the example above overlays the base path '' with a different mapping for 'toolkit/' prefixed modules.
Extension Theming Guidelines - Archive of obsolete content
branding certain items of your extensions style, in particular logos and icons can be kept in the chrome content package such that they are not replaceable by custom themes stylesheets guidelines include stylesheets for every new window that your extension adds and for every window that your extension overlays content into be sure to add a stylesheet from your chrome skin package.
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
<tabbox> <tabs> <tab label="tab1"/> <tab label="tab2" selected="true"/> </tabs> <tabpanels> <tabpanel> <checkbox label="check1"/> </tabpanel> <tabpanel orient="vertical"> <checkbox label="check2"/> <checkbox label="check3"/> </tabpanel> </tabpanels> </tabbox> listing 22: tabs in use figure 18: output from listing 22 other xul functions overlays one of xul’s distinctive features is overlays.
Adding Events and Commands - Archive of obsolete content
the most commonly used event is the onload event, which is used in overlays and other windows to detect when the window has loaded and then run initialization code: // rest of overlay code goes here.
Adding menus and submenus - Archive of obsolete content
adding a new menu we already saw how to add menus in overlays and, as you may have imagined, you can nest submenus as deep as you want.
Appendix D: Loading Scripts - Archive of obsolete content
(a standalone xul window can use an onload attribute.) example the following overlay will load the script “overlay.js” from the same directory as the overlay file into the window which it overlays.
JavaScript Object Management - Archive of obsolete content
include the cc and ci constants in all xul windows that are not overlays, all jsm files, and all xpcom components (see further ahead).
Setting Up a Development Environment - Archive of obsolete content
now that you know how to quickly monitor your project and test changes, we'll learn how to add new ui elements to firefox, through overlays and new windows.
User Notifications and Alerts - Archive of obsolete content
custom alerts creating custom solutions for alerting the user is not complicated, given the advantages of xul overlays and css positioning.
Overlay extensions - Archive of obsolete content
this page contains links to documentation for the approach to developing extensions for gecko-based applications which uses: xul overlays to specify the interface apis available to privileged code, such as tabbrowser and javascript modules, to interact with the application and content.
Setting up an extension development environment - Archive of obsolete content
changes to xul overlays will still require reloading of the document overlaid.
Add-ons - Archive of obsolete content
well, xul overlays and windows, jsm files, chrome & resource mappings with localization, default preferences, but no xpcom components of your own.
Creating a status bar extension - Archive of obsolete content
see xul overlays for details on how overlays work.
Creating a Firefox sidebar extension - Archive of obsolete content
wser.css" type="text/css" ?> <!doctype page system "chrome://emptysidebar/locale/emptysidebar.dtd"> <page id="sbemptysidebar" title="&emptysidebar.title;" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" > <vbox flex="1"> <label id="atest" value="&emptysidebar.title;" /> </vbox> </page> new extensions can be registered in the menus or popups, firefox uses overlays for extending menus.
Enabling the behavior - updating the status periodically - Archive of obsolete content
ype="application/javascript" src="chrome://navigator/content/navigator.js"/> <script type="application/javascript" src="chrome://navigator/content/navigatordd.js"/> <script type="application/javascript" src="chrome://navigator/content/sessionhistoryui.js"/> <script type="application/javascript" src="chrome://navigator/content/tinderstatus.js"/> <!-- hook for stringbundle overlays --> ...
Finding the file to modify - Archive of obsolete content
each window and dialog box in mozilla is defined by a single xul file (in some cases other xul files called overlays contribute portions of another window's structure).
Making it into a dynamic overlay and packaging it up for distribution - Archive of obsolete content
li resource="urn:mozilla:package:tinderstatus"/> </rdf:seq> <rdf:description about="urn:mozilla:package:tinderstatus" chrome:displayname="mozilla tinderstatus extension" chrome:author="myk melez" chrome:name="tinderstatus" chrome:extension="true" chrome:description="displays tinderbox status for the mozilla codebase."> </rdf:description> <rdf:seq about="urn:mozilla:overlays"> <rdf:li resource="chrome://navigator/content/navigator.xul"/> </rdf:seq> <rdf:seq about="chrome://navigator/content/navigator.xul"> <rdf:li>chrome://tinderstatus/content/tinderstatusoverlay.xul</rdf:li> </rdf:seq> </rdf:rdf> install.js, on the other hand, goes into the tinderstatus-installer directory: initinstall( "mozilla tinderstatus extension", "/mozdev/tinderstatus", ...
Creating a Mozilla Extension - Archive of obsolete content
completing this tutorial will give you a basic understanding of how mozilla's user interface (ui) is constructed, how to find the source code for the ui you want to extend, how to make an installation of mozilla modifiable, how to use mozilla's network library to load and parse web pages in javascript, and how to use dynamic overlays to package a mozilla extension for installation by others.
Extensions - Archive of obsolete content
one of prism's features is an extreme lack of ui elements, which means that trying to use the same overlays in firefox and prism is really not possible.
Extensions - Archive of obsolete content
because of this, the new item might not appear at the end of the menu but before a menuitem added by another extension, depending on the order in which the overlays are applied.
Special per-platform menu considerations - Archive of obsolete content
notes for firefox extension developers on the mac, some elements, once moved to the application menu, are no longer accessible from xul overlays or from javascript injected into browser.xul.
Toolbars - Archive of obsolete content
creating toolbar buttons how to use overlays to add toolbar buttons to mozilla applications.
More Wizards - Archive of obsolete content
next, we'll see how to use overlays to handle common content.
XUL Tutorial - Archive of obsolete content
in skinning xul files by hand localization property files bindings introduction to xbl anonymous content xbl attribute inheritance adding properties adding methods adding event handlers xbl inheritance creating reusable content using css and xbl xbl example specialized window types features of a window creating dialogs open and save dialogs creating a wizard more wizards overlays cross package overlays installation creating an installer install scripts additional install features this xul tutorial was originally created by neil deakin.
XUL Changes for Firefox 1.5 - Archive of obsolete content
loading overlays dynamically xul now supports loading overlays dynamically with the document.loadoverlay function.
prefwindow - Archive of obsolete content
for animatefadein to work properly, contents of prefpanes should be put into overlays.
toolbarpalette - Archive of obsolete content
you can add your own custom buttons to the firefox browser by using an overlay that overlays the toolbarpalette with the idbrowsertoolbarpalette.
XUL - Archive of obsolete content
overlays overlays are used to describe extra content for the ui.
XULRunner Hall of Fame - Archive of obsolete content
includes smil audio overlays and idpf fixed layout.
Updating an extension to support multiple Mozilla applications - Archive of obsolete content
dd lines to the manifest for thunderbird and sunbird, like this: # thunderbird overlay chrome://messenger/content/messenger.xul chrome://stockwatcher2/content/stockwatcher2.xul # sunbird overlay chrome://calendar/content/calendar.xul chrome://stockwatcher2/content/stockwatcher2.xul these lines cause the main thunderbird message list window and the main window in sunbird to be the target of the overlays we apply in the stockwatcher2.xul file.
Window.importDialog() - Archive of obsolete content
because of this, element id and javascript conflicts are possible, just like overlays.
Chrome registration
style style overlays (custom css which will be applied to a chrome page) are registered with the following syntax: style chrome://uri-to-style chrome://stylesheet-uri [flags] note: only stylesheets at chrome uris can be applied in this way.
Interface Compatibility
javascript/xul interfaces traditional extensions written using xul overlays and xpcom have access to the full power of the mozilla platform.
about:memory
for add-ons that use xul overlays, such as adblock plus, the memory usage of those overlays will not show up in this sub-tree; it will instead be in the non-add-on sub-trees and won't be identifiable as being caused by the add-on.
Leak And Bloat Tests
code locations the files specific to leak and bloat testing are be stored in: http://mxr.mozilla.org/comm-central/source/mailnews/test/performance these files consist of: overlays (used to provide the hooks for the javascript): bloat/bloataddroverlay.xul bloat/bloatcomposeoverlay.xul bloat/bloatmainoverlay.xul javascript files (used to drive the tests): bloat/bloataddroverlay.js bloat/bloatcomposeoverlay.js bloat/bloatmainoverlay.js preference settings (used to provide a defined profile, see below): common/mailnewstestprefs.js python scripts (used to set up the pr...
Web Replay
this interface overlays a separate implementation from the c++ debugger, implemented in devtools/server/actors/replay/debugger.js.
Toolkit API
: specific information about how to package themes multiple-item extension packaging: specific information about multiple-item extension xpis xul application packaging: specific information about how to package xulrunner applications chrome registration printing in xul apps see also the following developer pages contain examples and discussions of particular topics: xul xul overlays developing extensions xulrunner developing themes dom rdf storage ...
Index
77 building a thunderbird extension 4: chrome manifest extensions, thunderbird the file called chrome.manifest tells thunderbird what packages and overlays are provided by the extension.
Building a Thunderbird extension 1: introduction
the tutorial has the following pages: introduction (this page) the extension filesystem (setting up your local system) install manifest (the install.rdf file that contains meta-information about the extension) chrome manifest (list of packages and overlays) xul (the xml user interface language that is used to modify the thunderbird user interface) adding javascript (explains how to add some simple javascript to your thunderbird extension) installing locally (enabling the extension on your local thunderbird instance) packaging (making a distribution package that contains the extension) distributing (from your own site or from http://addons.mozi...
Building a Thunderbird extension 5: XUL
xul overlays are a way of attaching other ui widgets to a xul document at run time.
Add Option to Context Menu
<overlay id="sample" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <popup id="mailcontext"> <menuitem id="my_option" label="my option concise and cool label" oncommand="alert('hi')"/> </popup> </overlay> for thunderbird 2 and 3 in the same xpi if our extension needs to support thunderbird 2 and 3 we need to make custom overlays for each version.
Element.getClientRects() - Web APIs
note: the overlays will be out of place if the user resizes or zooms.
Web Video Text Tracks Format (WebVTT) - Web APIs
the primary purpose of webvtt files is to add text overlays to a <video>.
Styling Columns - CSS: Cascading Style Sheets
instead, the rule overlays the gap.