o''reilly - creating applications with mozilla

... Next Creating Applications with Mozilla Preface Creating Applications with Mozilla Prev Next Preface Mozilla is not just a web browser. It is also a framework for building cross-platform applications ... installed-chrome.txt file 3-1 . XUL dialog 3-2 . XUL page 3-3 . A XUL wizard 3-4 . Toolbar with buttons and spacing 3-5 . Application menu bar 3-6 . A...

Ngày tải lên: 31/03/2014, 17:01

... rows Column hiding using pop-up menu in top- right corner Appearance of the drop feedback during drag- and-drop can be styled Reordering using drag- and-drop Spring loaded containers ... often use class-based style rules for their appearance and positioning (e.g., the column splitter in Example 3-9 ). Example 3-9 creates the listbox in Figure 3-4 . Figure 3-4 . Listbox...

Ngày tải lên: 17/10/2013, 19:15

... should be applied: treechildren:-moz-tree-image(col-id,row-id) { list-style-image: url("chrome://xfly/skin/images/outliner.gif"); } Also, -moz-tree-twisty allows you define an image ... couple of its own special associated CSS properties that allow you to define list-style-image values. -moz-tree-image defines images contained in a cell, and it takes input parameters that l...

Ngày tải lên: 20/10/2013, 09:15

... "help" Activates context- sensitive help Taking one of the button types in Table 3-3 as a mini-case study, you could use a button with the type menu-button to display more than one ... toolkit. Table 3-3 describes the various button types in Mozilla. Table 3-3 . Button types Type Usage Description Menu type= "menu" Menu integrated into the button with...

Ngày tải lên: 20/10/2013, 09:15

... to your XUL element directly within the content. The attribute lets you access CSS properties (including width, height, min-width, min-height, max-width, and max-height), which give you more ... Example 3-1 6 shows the main controls used to create a simple three-tab control with content elements on each panel. The tabs are associated with the appropriate panels by their order wit...

Ngày tải lên: 24/10/2013, 08:15

... <iframe id="right-frame-source" name="right- frame-source" flex="3" src="view- source:chrome://xfly/content/examples/ 2-1 .xul"/> </tabpanels> ... id="ch3-bar" persist="collapsed"> <statusbarpanel class="statusbarpanel-iconic" id="book-icon"/> <statusbarpanel id="status-...

Ngày tải lên: 24/10/2013, 08:15

... definition makes all XUL menus appear with a one-pixel border, a light-blue background, and ten-point fonts: menu { border: 1px; background-color: lightblue; font-size: 10pt; } This is an example ... elements with particular attributes or with attributes of a particular value. In Example 4-2 , all elements with a disabled attribute set to true will have a light-grey col...

Ngày tải lên: 28/10/2013, 15:15

... chrome://xfly/bindings/extras.xml#super- button; } -moz- border- radius, -moz- border- radius- bottomle ft, -moz- border- radius- bottomri ght, -moz- border- radius- topleft, -moz- border- radius- Puts rounded ... Property Description topright -moz- border- colors, -moz- border- colors- bottom, -moz- border- colors- left, -moz- border- colors- right, -moz- border- colors- top S...

Ngày tải lên: 28/10/2013, 15:15

... background-color: lightgray; font-size: 9pt; } list-style-image : url("chrome://global/skin/print-disabled.gif"); } #print-button > .menubutton-dual-stack > .menubutton-dual-button:hover ... { list-style-image : url("chrome://global/skin/print-hover.gif"); } #print-button > .menubutton-dual-stack > .menubutton-dual-button:hover:active { list-s...

Ngày tải lên: 07/11/2013, 09:15