Mobile/Fennec/Extensions/UserInterface: Difference between revisions

Jump to navigation Jump to search

Mobile/Fennec/Extensions/UserInterface (view source)

Revision as of 20:21, 26 August 2010

959 bytes added ,  26 August 2010
→‎Anatomy of the Fennec UI: changes to site menu and context menu
(→‎Equivalents for desktop UI areas: Fennec has context menus now)
(→‎Anatomy of the Fennec UI: changes to site menu and context menu)
Line 155: Line 155:


====Notification Bars====
====Notification Bars====
[http://www.flickr.com/photos/menros/3859611222/ http://farm3.static.flickr.com/2310/3859611222_f0811a17ae_m.jpg] [http://www.flickr.com/photos/menros/3858823055/ http://farm3.static.flickr.com/2509/3858823055_682e88abc4_m.jpg]
[http://www.flickr.com/photos/menros/3859611222/ http://farm3.static.flickr.com/2310/3859611222_f0811a17ae_m.jpg] [http://www.flickr.com/photos/menros/3858823055/ http://farm3.static.flickr.com/2509/3858823055_682e88abc4_m.jpg]


Line 177: Line 178:




====Site Menu====
==== Site Menu ====
 
[http://www.flickr.com/photos/madhava_work/4521940382/ http://farm3.static.flickr.com/2708/4521940382_8c2f403cd5_m.jpg]
 
This panel is displayed when a user taps on the favicon (or Site Identity button) next the address bar.  It's purpose is to provide more detail and options related to the page the user is viewing.
 
By default it shows security information, controls to add a search providers and clear site-specific preferences, and commands to share, save, or find within the page.
 
Add-ons can use the site panel to display additional information or actions related to the current page.  To extend the site menu, add a new <tt>pageaction</tt> element within the <tt>#pageactions-container</tt> hbox.  For an example, see the [http://bitbucket.org/mbrubeck/readlater/src/tip/content/overlay.xul overlay.xul from the "Read Later" add-on].
 
Fennec 2.0 adds a new <tt>PageActions.register</tt> API for add-ons to show and hide items in the site menu. (Documentation coming soon.)
 
 
==== Context Menu ====
 
[http://starkravingfinkle.org/blog/2010/04/fennec-1-1-context-menus/ http://starkravingfinkle.org/blog/wp-content/uploads/2010/04/fennec-contextpanel-02-300x239.png]


[http://www.flickr.com/photos/42739110@N07/3945437612/ http://farm3.static.flickr.com/2595/3945437612_9df6c3188f_m.jpg]
The context menu appears when a user does a "long tap" (touch and hold) on a link, image, or other page/UI element.


This panel is displayed when a user taps on the Site Button (or Site Identity button).  It's purpose is to provide more detail and options related to the site that the user is on at the moment.
Add-ons can add new commands to the context menu.  See [http://starkravingfinkle.org/blog/2010/04/fennec-1-1-context-menus/ Mark Finkle's blog post] for details.


Already, it is being used to show SSL and EV-certificate information, provide controls to add a site's search provider to the Awesomescreen, and clear site-specific preferences.
Fennec 2.0 adds context menus for more types of elements, and a new <tt>ContextHandler.registerType</tt> API for add-ons to add their own types.  See the [http://bitbucket.org/mbrubeck/showtitle/src/tip/content/ Show Image Title source code] for an example. (Documentation coming soon.)


In the future (possibly through add-ons!), this area could be home to controls to allow
* subscribing to an RSS feed
* saving / PDFing / printing the page
* sharing the site (social networks, email, sms)
* setting site-specific preferences
* getting more information about a site
* and so on


====Bookmarks List====
====Bookmarks List====
Mbrubeck
canmove, Confirmed users
1,584

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/248810"

Navigation menu