Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(37)

Side by Side Diff: chrome/common/extensions/docs/server2/templates/intros/experimental_infobars.html

Issue 10832042: Extensions Docs Server: Doc conversion script (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: everything but svn stuff Created 8 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!-- BEGIN AUTHORED CONTENT -->
2 <p> 1 <p>
3 The infobars API allows you to add a 2 The infobars API allows you to add a
4 horizontal panel just above a tab's contents, 3 horizontal panel just above a tab's contents,
5 as the following screenshot shows. 4 as the following screenshot shows.
6 </p> 5 </p>
6
7 <p> 7 <p>
8 <img src="{{static}}/images/infobar.png" 8 <img src="{{static}}/images/infobar.png"
9 width="566" height="150" 9 width="566" height="150"
10 alt="An infobar asking whether the user wants to translate the current page" / > 10 alt="An infobar asking whether the user wants to translate the current page" / >
11 </p> 11 </p>
12
12 <p> 13 <p>
13 Use an infobar to tell the reader 14 Use an infobar to tell the reader
14 something about a particular page. 15 something about a particular page.
15 When the user leaves the page for which the infobar is displayed, 16 When the user leaves the page for which the infobar is displayed,
16 Google Chrome automatically closes the infobar. 17 Google Chrome automatically closes the infobar.
17 </p> 18 </p>
19
18 <p> 20 <p>
19 You implement the content of your 21 You implement the content of your
20 infobar using HTML. Because infobars are ordinary pages inside an extension, 22 infobar using HTML. Because infobars are ordinary pages inside an extension,
21 they can 23 they can
22 <a href="overview.html#pageComm">communicate with other extension pages</a>. 24 <a href="overview.html#pageComm">communicate with other extension pages</a>.
23 </p> 25 </p>
26
27
24 <h2 id="manifest">Manifest</h2> 28 <h2 id="manifest">Manifest</h2>
29
25 <p> 30 <p>
26 The infobars API is currently 31 The infobars API is currently
27 experimental, so you must declare the "experimental" 32 experimental, so you must declare the "experimental"
28 permission to use it. Also, you should specify 33 permission to use it. Also, you should specify
29 a 16x16-pixel icon for display next to your infobar. 34 a 16x16-pixel icon for display next to your infobar.
30 For example: 35 For example:
31 </p> 36 </p>
37
32 <pre>{ 38 <pre>{
33 "name": "Andy's infobar extension", 39 "name": "Andy's infobar extension",
34 "version": "1.0", 40 "version": "1.0",
35 <b>"permissions": ["experimental"],</b> 41 <b>"permissions": ["experimental"],</b>
36 <b>"icons": {</b> 42 <b>"icons": {</b>
37 <b>"16": "16.png"</b> 43 <b>"16": "16.png"</b>
38 <b>},</b> 44 <b>},</b>
39 "background": { 45 "background": {
40 "scripts": ["background.js"] 46 "scripts": ["background.js"]
41 } 47 }
42 }</pre> 48 }</pre>
43 <!-- END AUTHORED CONTENT -->
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698