Search completed in 1.02 seconds.
XUL Overlays
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.
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
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.
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.
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.
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 --> ...
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
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.
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.
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.
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.