Revision control
Copy as Markdown
Other Tools
# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
<menupopup id="header-toolbar-context-menu"
onpopupshowing="ToolbarContextMenu.updateExtension(this);">
<menuitem oncommand="ToolbarContextMenu.openAboutAddonsForContextAction(this.parentElement)"
data-l10n-id="toolbar-context-menu-manage-extension"
class="customize-context-manageExtension"/>
<menuitem oncommand="ToolbarContextMenu.removeExtensionForContextAction(this.parentElement)"
data-l10n-id="toolbar-context-menu-remove-extension"
class="customize-context-removeExtension"/>
</menupopup>
<!-- Header container -->
<html:header id="messageHeader"
class="message-header-container message-header-large-subject message-header-hide-label-column message-header-show-recipient-avatar message-header-show-sender-full-address">
<!-- From + buttons -->
<html:div id="headerSenderToolbarContainer"
class="message-header-row header-row-reverse message-header-wrap items-center">
<html:div id="header-view-toolbox" role="toolbar" class="header-buttons-container">
<!-- NOTE: Temporarily keep the hbox to allow extensions to add custom sets of
toolbar buttons. This can be later removed once a new API that doesn't rely
on XUL currentset is in place. -->
<hbox id="header-view-toolbar" class="header-buttons-container themeable-brighttext">
<toolbarbutton id="hdrReplyToSenderButton" label="&hdrReplyButton1.label;"
tooltiptext="&hdrReplyButton2.tooltip;"
oncommand="MsgReplySender(event);"
class="toolbarbutton-1 message-header-view-button hdrReplyToSenderButton"/>
<toolbaritem id="hdrSmartReplyButton" label="&hdrSmartReplyButton1.label;">
<!-- This button is a dummy and should only be shown when customizing
the toolbar to distinguish the smart reply button from the reply
to sender button. -->
<toolbarbutton id="hdrDummyReplyButton" label="&hdrSmartReplyButton1.label;"
hidden="true"
class="toolbarbutton-1 message-header-view-button hdrDummyReplyButton"/>
<toolbarbutton id="hdrReplyButton" label="&hdrReplyButton1.label;"
tooltiptext="&hdrReplyButton2.tooltip;"
oncommand="MsgReplySender(event);"
class="toolbarbutton-1 message-header-view-button hdrReplyButton"/>
<toolbarbutton is="toolbarbutton-menu-button" id="hdrReplyAllButton"
type="menu"
label="&hdrReplyAllButton1.label;"
tooltiptext="&hdrReplyAllButton1.tooltip;"
oncommand="MsgReplyToAllMessage(event);"
class="toolbarbutton-1 message-header-view-button hdrReplyButton hdrReplyAllButton"
hidden="true">
<menupopup id="hdrReplyAllDropdown"
class="no-icon-menupopup">
<menuitem id="hdrReplyAll_ReplyAllSubButton"
class="menuitem-iconic"
label="&hdrReplyAllButton1.label;"
tooltiptext="&hdrReplyAllButton1.tooltip;"/>
<toolbarseparator id="hdrReplyAllSubSeparator"/>
<menuitem id="hdrReplySubButton"
class="menuitem-iconic"
label="&hdrReplyButton1.label;"
tooltiptext="&hdrReplyButton2.tooltip;"
oncommand="MsgReplySender(event); event.stopPropagation();"/>
</menupopup>
</toolbarbutton>
<toolbarbutton is="toolbarbutton-menu-button" id="hdrReplyListButton"
type="menu"
label="&hdrReplyListButton1.label;"
tooltiptext="&hdrReplyListButton1.tooltip;"
oncommand="MsgReplyToListMessage(event);"
class="toolbarbutton-1 message-header-view-button hdrReplyButton hdrReplyListButton"
hidden="true">
<menupopup id="hdrReplyListDropdown"
class="no-icon-menupopup">
<menuitem id="hdrReplyList_ReplyListSubButton"
class="menuitem-iconic"
label="&hdrReplyListButton1.label;"
tooltiptext="&hdrReplyListButton1.tooltip;"/>
<toolbarseparator id="hdrReplyListSubSeparator"/>
<menuitem id="hdrRelplyList_ReplyAllSubButton"
class="menuitem-iconic"
label="&hdrReplyAllButton1.label;"
tooltiptext="&hdrReplyAllButton1.tooltip;"
oncommand="MsgReplyToAllMessage(event); event.stopPropagation();"/>
<menuitem id="hdrReplyList_ReplySubButton"
class="menuitem-iconic"
label="&hdrReplyButton1.label;"
tooltiptext="&hdrReplyButton2.tooltip;"
oncommand="MsgReplySender(event); event.stopPropagation();"/>
</menupopup>
</toolbarbutton>
<toolbarbutton is="toolbarbutton-menu-button" id="hdrFollowupButton"
label="&hdrFollowupButton1.label;"
type="menu"
tooltiptext="&hdrFollowupButton1.tooltip;"
oncommand="MsgReplyGroup(event);"
class="toolbarbutton-1 message-header-view-button hdrFollowupButton">
<menupopup id="hdrFollowupDropdown"
class="no-icon-menupopup">
<menuitem id="hdrFollowup_FollowupSubButton"
class="menuitem-iconic"
label="&hdrFollowupButton1.label;"
tooltiptext="&hdrFollowupButton1.tooltip;"/>
<toolbarseparator id="hdrFollowupSubSeparator"/>
<menuitem id="hdrFollowup_ReplyAllSubButton"
class="menuitem-iconic"
label="&hdrReplyAllButton1.label;"
tooltiptext="&hdrReplyAllButton1.tooltip;"
oncommand="MsgReplyToAllMessage(event); event.stopPropagation();"/>
<menuitem id="hdrFollowup_ReplySubButton"
class="menuitem-iconic"
label="&hdrReplyButton1.label;"
tooltiptext="&hdrReplyButton2.tooltip;"
oncommand="MsgReplySender(event); event.stopPropagation();"/>
</menupopup>
</toolbarbutton>
</toolbaritem>
<toolbarbutton id="hdrForwardButton"
label="&hdrForwardButton1.label;"
tooltiptext="&hdrForwardButton1.tooltip;"
oncommand="MsgForwardMessage(event);"
class="toolbarbutton-1 message-header-view-button hdrForwardButton"/>
<toolbarbutton id="hdrArchiveButton"
label="&hdrArchiveButton1.label;"
tooltiptext="&hdrArchiveButton1.tooltip;"
oncommand="goDoCommand('cmd_archive');"
class="toolbarbutton-1 message-header-view-button hdrArchiveButton"/>
<toolbarbutton id="hdrJunkButton" label="&hdrJunkButton1.label;"
tooltiptext="&hdrJunkButton1.tooltip;"
observes="cmd_markAsJunk"
class="toolbarbutton-1 message-header-view-button hdrJunkButton"
oncommand="goDoCommand('cmd_markAsJunk');"/>
<toolbarbutton id="hdrTrashButton"
label="&hdrTrashButton1.label;"
tooltiptext="&hdrTrashButton1.tooltip;"
observes="cmd_delete"
class="toolbarbutton-1 message-header-view-button hdrTrashButton"
oncommand="goDoCommand(event.shiftKey ? 'cmd_shiftDelete' : 'cmd_delete');"/>
<toolbarbutton id="otherActionsButton"
type="menu"
wantdropmarker="true"
label="&otherActionsButton2.label;"
tooltiptext="&otherActionsButton.tooltip;"
class="toolbarbutton-1 message-header-view-button">
<menupopup id="otherActionsPopup"
class="no-icon-menupopup"
onpopupshowing="onShowOtherActionsPopup();">
<menuitem id="otherActionsRedirect"
class="menuitem-iconic"
data-l10n-id="other-action-redirect-msg"
oncommand="MsgRedirectMessage();"/>
#ifdef MAIN_WINDOW
<menuseparator id="otherActionsRedirectSeparator"/>
<menuitem id="otherActionsOpenConversation"
class="menuitem-iconic"
label="&otherActionsOpenConversation1.label;"
accesskey="&otherActionsOpenConversation1.accesskey;"
oncommand="new ConversationOpener(window).openConversationForMessages(gFolderDisplay.selectedMessages);"/>
<menuitem id="otherActionsOpenInNewWindow"
class="menuitem-iconic"
label="&otherActionsOpenInNewWindow1.label;"
accesskey="&otherActionsOpenInNewWindow1.accesskey;"
oncommand="MsgOpenNewWindowForMessage();"/>
<menuitem id="otherActionsOpenInNewTab"
class="menuitem-iconic"
label="&otherActionsOpenInNewTab1.label;"
accesskey="&otherActionsOpenInNewTab1.accesskey;"
oncommand="OpenMessageInNewTab(gFolderDisplay.selectedMessage, { event });"/>
#endif
<menuseparator id="otherActionsSeparator"/>
<menu id="otherActionsTag"
class="menu-iconic"
label="&tagMenu.label;"
accesskey="&tagMenu.accesskey;">
<menupopup id="hdrTagDropdown"
onpopupshowing="window.top.InitMessageTags(this);">
<menuitem id="hdrTagDropdown-addNewTag"
label="&addNewTag.label;"
accesskey="&addNewTag.accesskey;"
oncommand="goDoCommand('cmd_addTag');"/>
<menuitem id="manageTags"
label="&manageTags.label;"
accesskey="&manageTags.accesskey;"
oncommand="goDoCommand('cmd_manageTags');"/>
<menuseparator id="hdrTagDropdown-sep-afterAddNewTag"/>
<menuitem id="hdrTagDropdown-tagRemoveAll"
oncommand="goDoCommand('cmd_removeTags');"/>
<menuseparator id="hdrTagDropdown-sep-afterTagRemoveAll"/>
</menupopup>
</menu>
<menuitem id="markAsReadMenuItem"
class="menuitem-iconic"
label="&markAsReadMenuItem1.label;"
accesskey="&markAsReadMenuItem1.accesskey;"
oncommand="MsgMarkMsgAsRead();"/>
<menuitem id="markAsUnreadMenuItem"
class="menuitem-iconic"
label="&markAsUnreadMenuItem1.label;"
accesskey="&markAsUnreadMenuItem1.accesskey;"
oncommand="MsgMarkMsgAsRead();"/>
<menuitem id="saveAsMenuItem"
class="menuitem-iconic"
label="&saveAsMenuItem1.label;"
accesskey="&saveAsMenuItem1.accesskey;"
oncommand="goDoCommand('cmd_saveAsFile')"/>
<menuitem id="otherActionsPrint"
class="menuitem-iconic"
label="&otherActionsPrint1.label;"
accesskey="&otherActionsPrint1.accesskey;"
oncommand="goDoCommand('cmd_print');"/>
<menu id="otherActions-calendar-convert-menu"
class="menu-iconic"
label="&calendar.context.convertmenu.label;"
accesskey="&calendar.context.convertmenu.accesskey.mail;">
<menupopup id="otherActions-calendar-convert-menupopup"
class="no-icon-menupopup">
<menuitem id="otherActions-calendar-convert-event-menuitem"
class="menuitem-iconic"
label="&calendar.context.convertmenu.event.label;"
accesskey="&calendar.context.convertmenu.event.accesskey;"
oncommand="convertToEventOrTask(true);"/>
<menuitem id="otherActions-calendar-convert-task-menuitem"
class="menuitem-iconic"
label="&calendar.context.convertmenu.task.label;"
accesskey="&calendar.context.convertmenu.task.accesskey;"
oncommand="convertToEventOrTask(false);"/>
</menupopup>
</menu>
<menuseparator id="otherActionsComposeSeparator"/>
<menuitem id="viewSourceMenuItem"
class="menuitem-iconic"
label="&viewSourceMenuItem1.label;"
accesskey="&viewSourceMenuItem1.accesskey;"
oncommand="goDoCommand('cmd_viewPageSource');"/>
<menuitem id="charsetRepairMenuitem"
class="menuitem-iconic"
data-l10n-id="repair-text-encoding-button"
oncommand="MailSetCharacterSet()"/>
<menu id="otherActionsMessageBodyAs"
class="menu-iconic"
label="&bodyMenu.label;">
<menupopup id="hdrMessageBodyAsDropdown"
onpopupshowing="InitOtherActionsViewBodyMenu();">
<menuitem id="otherActionsMenu_bodyAllowHTML"
type="radio"
name="bodyPlaintextVsHTMLPref"
label="&bodyAllowHTML.label;"
oncommand="top.MsgBodyAllowHTML()"/>
<menuitem id="otherActionsMenu_bodySanitized"
type="radio"
name="bodyPlaintextVsHTMLPref"
label="&bodySanitized.label;"
oncommand="top.MsgBodySanitized()"/>
<menuitem id="otherActionsMenu_bodyAsPlaintext"
type="radio"
name="bodyPlaintextVsHTMLPref"
label="&bodyAsPlaintext.label;"
oncommand="top.MsgBodyAsPlaintext()"/>
<menuitem id="otherActionsMenu_bodyAllParts"
type="radio"
name="bodyPlaintextVsHTMLPref"
label="&bodyAllParts.label;"
oncommand="top.MsgBodyAllParts()"/>
</menupopup>
</menu>
<menu id="otherActionsFeedBodyAs"
class="menu-iconic"
label="&bodyMenu.label;">
<menupopup id="hdrFeedBodyAsDropdown"
onpopupshowing="InitOtherActionsViewBodyMenu(true);">
<menuitem id="otherActionsMenu_bodyFeedGlobalWebPage"
type="radio"
name="viewFeedSummaryGroup"
label="&viewFeedWebPage.label;"
observes="bodyFeedGlobalWebPage"
oncommand="FeedMessageHandler.onSelectPref = 0"/>
<menuitem id="otherActionsMenu_bodyFeedGlobalSummary"
type="radio"
name="viewFeedSummaryGroup"
label="&viewFeedSummary.label;"
observes="bodyFeedGlobalSummary"
oncommand="FeedMessageHandler.onSelectPref = 1"/>
<menuitem id="otherActionsMenu_bodyFeedPerFolderPref"
type="radio"
name="viewFeedSummaryGroup"
label="&viewFeedSummaryFeedPropsPref.label;"
observes="bodyFeedPerFolderPref"
oncommand="FeedMessageHandler.onSelectPref = 2"/>
<menuseparator id="otherActionsMenu_viewFeedSummarySeparator"/>
<menuitem id="otherActionsMenu_bodyFeedSummaryAllowHTML"
type="radio"
name="viewFeedBodyHTMLGroup"
label="&bodyAllowHTML.label;"
oncommand="top.MsgBodyAllowHTML()"/>
<menuitem id="otherActionsMenu_bodyFeedSummarySanitized"
type="radio"
name="viewFeedBodyHTMLGroup"
label="&bodySanitized.label;"
oncommand="top.MsgBodySanitized()"/>
<menuitem id="otherActionsMenu_bodyFeedSummaryAsPlaintext"
type="radio"
name="viewFeedBodyHTMLGroup"
label="&bodyAsPlaintext.label;"
oncommand="top.MsgBodyAsPlaintext()"/>
</menupopup>
</menu>
<menuseparator/>
<menuitem id="messageHeaderMoreMenuCustomize"
class="menuitem-iconic"
data-l10n-id="menuitem-customize-label"
oncommand="gHeaderCustomize.showPanel()"/>
</menupopup>
</toolbarbutton>
<html:button id="starMessageButton" role="checkbox" aria-checked="false"
class="plain-button email-action-button email-action-flagged"
data-l10n-id="message-header-msg-flagged">
</html:button>
</hbox>
</html:div>
<html:div id="expandedfromRow" class="header-row-grow">
<label id="expandedfromLabel" class="message-header-label header-pill-label"
value="&fromField4.label;"
valueFrom="&fromField4.label;" valueAuthor="&author.label;"/>
<html:div id="expandedfromBox" is="multi-recipient-row"
data-header-name="from" data-show-all="true"></html:div>
</html:div>
</html:div>
<!-- To recipients + date -->
<html:div id="expandedtoRow" class="message-header-row">
<html:div class="header-row-grow">
<label id="expandedtoLabel" class="message-header-label header-pill-label"
value="&toField4.label;"/>
<html:div id="expandedtoBox" is="multi-recipient-row"
data-header-name="to"></html:div>
</html:div>
<html:time id="dateLabel"
class="message-header-datetime"
aria-readonly="true"></html:time>
</html:div>
<!-- Cc recipients -->
<html:div id="expandedccRow" class="message-header-row" hidden="hidden">
<label id="expandedccLabel" class="message-header-label header-pill-label"
value="&ccField4.label;"/>
<html:div id="expandedccBox" is="multi-recipient-row"
data-header-name="cc"></html:div>
</html:div>
<!-- Bcc recipients -->
<html:div id="expandedbccRow" class="message-header-row" hidden="hidden">
<label id="expandedbccLabel" class="message-header-label header-pill-label"
value="&bccField4.label;"/>
<html:div id="expandedbccBox" is="multi-recipient-row"
data-header-name="bcc"></html:div>
</html:div>
<!-- Reply-to -->
<html:div id="expandedreply-toRow" class="message-header-row" hidden="hidden">
<label id="expandedreply-toLabel" class="message-header-label header-pill-label"
value="&replyToField4.label;"/>
<html:div id="expandedreply-toBox" is="multi-recipient-row"
data-header-name="reply-to"></html:div>
</html:div>
<!-- Organization -->
<html:div id="expandedorganizationRow" class="message-header-row" hidden="hidden">
<label id="expandedorganizationLabel" class="message-header-label"
value="&organizationField4.label;"/>
<html:div id="expandedorganizationBox" is="simple-header-row"
data-header-name="organization"></html:div>
</html:div>
<!-- Sender -->
<html:div id="expandedsenderRow" class="message-header-row" hidden="hidden">
<label id="expandedsenderLabel" class="message-header-label header-pill-label"
value="&senderField4.label;"/>
<html:div id="expandedsenderBox" is="multi-recipient-row"
data-header-name="sender"></html:div>
</html:div>
<!-- Newsgroups -->
<html:div id="expandednewsgroupsRow" class="message-header-row" hidden="hidden">
<label id="expandednewsgroupsLabel" class="message-header-label header-pill-label"
value="&newsgroupsField4.label;"/>
<html:div id="expandednewsgroupsBox" is="header-newsgroups-row"
data-header-name="newsgroups"/>
</html:div>
<!-- Follow up -->
<html:div id="expandedfollowup-toRow" class="message-header-row" hidden="hidden">
<label id="expandedfollowup-toLabel" class="message-header-label header-pill-label"
value="&followupToField4.label;"/>
<html:div id="expandedfollowup-toBox"
is="header-newsgroups-row"
data-header-name="followup-to"/>
</html:div>
<!-- Subject + security info + extra date label for hidden To variation -->
<html:div id="headerSubjectSecurityContainer" class="message-header-row">
<html:div id="expandedsubjectRow" class="header-row-grow">
<label id="expandedsubjectLabel" class="message-header-label"
value="&subjectField4.label;"/>
<html:div id="expandedsubjectBox" is="simple-header-row"
data-header-name="subject"></html:div>
</html:div>
<html:div id="cryptoBox" hidden="hidden">
<html:button id="encryptionTechBtn"
class="toolbarbutton-1 crypto-button themeable-brighttext button-focusable"
data-l10n-id="message-security-button">
<html:span class="crypto-label"></html:span>
<html:img id="encryptedHdrIcon" hidden="hidden" alt="" />
<html:img id="signedHdrIcon" hidden="hidden" alt="" />
</html:button>
</html:div>
<html:time id="dateLabelSubject"
class="message-header-datetime"
aria-readonly="true"
hidden="hidden"></html:time>
</html:div>
<!-- Tags -->
<html:div id="expandedtagsRow" class="message-header-row" hidden="hidden">
<label id="expandedtagsLabel" class="message-header-label"
value="&tagsHdr4.label;"/>
<html:div id="expandedtagsBox" is="header-tags-row"
data-header-name="tags"></html:div>
</html:div>
<!-- Date -->
<html:div id="expandeddateRow" class="message-header-row" hidden="hidden">
<label id="expandeddateLabel" class="message-header-label"
value="&dateField4.label;"/>
<html:div id="expandeddateBox" is="simple-header-row"
data-header-name="date"></html:div>
</html:div>
<!-- Message-ID -->
<html:div id="expandedmessage-idRow" class="message-header-row" hidden="hidden">
<label id="expandedmessage-idLabel" class="message-header-label header-pill-label"
value="&messageIdField4.label;"/>
<html:div id="expandedmessage-idBox" is="multi-message-ids-row"
data-header-name="message-id"></html:div>
</html:div>
<!-- In-Reply-To -->
<html:div id="expandedin-reply-toRow" class="message-header-row" hidden="hidden">
<label id="expandedin-reply-toLabel" class="message-header-label header-pill-label"
value="&inReplyToField4.label;"/>
<html:div id="expandedin-reply-toBox" is="multi-message-ids-row"
data-header-name="in-reply-to"></html:div>
</html:div>
<!-- References -->
<html:div id="expandedreferencesRow" class="message-header-row" hidden="hidden">
<label id="expandedreferencesLabel" class="message-header-label header-pill-label"
value="&referencesField4.label;"/>
<html:div id="expandedreferencesBox" is="multi-message-ids-row"
data-header-name="references"></html:div>
</html:div>
<!-- Content-Base -->
<html:div id="expandedcontent-baseRow" class="message-header-row" hidden="hidden">
<label id="expandedcontent-baseLabel" class="message-header-label"
value="&originalWebsite4.label;"/>
<html:div id="expandedcontent-baseBox" is="url-header-row"
data-header-name="content-base"></html:div>
</html:div>
<!-- User-Agent -->
<html:div id="expandeduser-agentRow" class="message-header-row" hidden="hidden">
<label id="expandeduser-agentLabel" class="message-header-label"
value="&userAgentField4.label;"/>
<html:div id="expandeduser-agentBox" is="simple-header-row"
data-header-name="user-agent"></html:div>
</html:div>
<!-- List management -->
<html:div id="expandedlist-id" class="message-header-row" hidden="hidden">
<html:div id="expandedlist-idLabel" data-l10n-id="message-header-list-id"
class="message-header-label"></html:div>
<html:div id="expandedlist-idBox" is="list-id-header-row"
data-header-name="list-id"></html:div>
</html:div>
<!-- List-Help -->
<html:div id="expandedlist-help" class="message-header-row" hidden="hidden">
<html:div id="expandedlist-helpLabel" data-l10n-id="message-header-list-help"
class="message-header-label"></html:div>
<html:div id="expandedlist-helpBox" is="multi-url-header-row"
data-header-name="list-help"></html:div>
</html:div>
<!-- List-Unsubscribe -->
<html:div id="expandedlist-unsubscribe" class="message-header-row" hidden="hidden">
<html:div id="expandedlist-unsubscribeLabel" data-l10n-id="message-header-list-unsubscribe"
class="message-header-label"></html:div>
<html:div id="expandedlist-unsubscribeBox" is="multi-url-header-row"
data-header-name="list-unsubscribe"></html:div>
</html:div>
<!-- List-Subscribe -->
<html:div id="expandedlist-subscribe" class="message-header-row" hidden="hidden">
<html:div id="expandedlist-subscribeLabel" data-l10n-id="message-header-list-subscribe"
class="message-header-label"></html:div>
<html:div id="expandedlist-subscribeBox" is="multi-url-header-row"
data-header-name="list-subscribe"></html:div>
</html:div>
<!-- List-Post -->
<html:div id="expandedlist-post" class="message-header-row" hidden="hidden">
<html:div id="expandedlist-postLabel" data-l10n-id="message-header-list-post"
class="message-header-label"></html:div>
<html:div id="expandedlist-postBox" is="multi-url-header-row"
data-header-name="list-post"></html:div>
</html:div>
<!-- List-Owner -->
<html:div id="expandedlist-owner" class="message-header-row" hidden="hidden">
<html:div id="expandedlist-ownerLabel" data-l10n-id="message-header-list-owner"
class="message-header-label"></html:div>
<html:div id="expandedlist-ownerBox" is="multi-url-header-row"
data-header-name="list-owner"></html:div>
</html:div>
<!-- List-Archive -->
<html:div id="expandedlist-archive" class="message-header-row" hidden="hidden">
<html:div id="expandedlist-archiveLabel" data-l10n-id="message-header-list-archive"
class="message-header-label"></html:div>
<html:div id="expandedlist-archiveBox" is="multi-url-header-row"
data-header-name="list-archive"></html:div>
</html:div>
<!-- Archived-At -->
<html:div id="expandedarchived-at" class="message-header-row" hidden="hidden">
<html:div id="expandedarchived-atLabel" data-l10n-id="message-header-archived-at"
class="message-header-label"></html:div>
<html:div id="expandedarchived-atBox" is="multi-url-header-row"
data-header-name="archived-at"></html:div>
</html:div>
<!-- All extra headers will be dynamically added here. -->
<html:div id="extraHeadersArea" class="message-header-extra-container"></html:div>
</html:header>
<!-- END Header container -->
<panel id="messageHeaderCustomizationPanel"
type="arrow"
orient="vertical"
class="cui-widget-panel popup-panel panel-no-padding"
onpopupshowing="gHeaderCustomize.onPanelShowing();"
onpopuphidden="gHeaderCustomize.onPanelHidden();">
<html:div class="popup-panel-body">
<html:h3 data-l10n-id="message-header-customize-panel-title"></html:h3>
<html:div class="popup-panel-options-grid">
<label data-l10n-id="message-header-customize-button-style"
control="headerButtonStyle"/>
<menulist id="headerButtonStyle"
oncommand="gHeaderCustomize.updateButtonStyle(event);"
crop="none">
<menupopup>
<menuitem value="default" data-l10n-id="message-header-button-style-default"/>
<menuitem value="only-text" data-l10n-id="message-header-button-style-text"/>
<menuitem value="only-icons" data-l10n-id="message-header-button-style-icons"/>
</menupopup>
</menulist>
<html:div class="popup-panel-column-container">
<checkbox id="headerShowAvatar"
data-l10n-id="message-header-show-recipient-avatar"
oncommand="gHeaderCustomize.toggleAvatar(event);"/>
<checkbox id="headerShowBigAvatar" class="indent"
data-l10n-id="message-header-show-big-avatar"
oncommand="gHeaderCustomize.toggleBigAvatar(event);"/>
<checkbox id="headerShowFullAddress"
data-l10n-id="message-header-show-sender-full-address"
oncommand="gHeaderCustomize.toggleSenderAddress(event);"/>
<html:span class="checkbox-description"
data-l10n-id="message-header-show-sender-full-address-description"></html:span>
<checkbox id="headerHideLabels"
data-l10n-id="message-header-hide-label-column"
oncommand="gHeaderCustomize.toggleLabelColumn(event);"/>
<checkbox id="headerSubjectLarge"
data-l10n-id="message-header-large-subject"
oncommand="gHeaderCustomize.updateSubjectStyle(event);"/>
<checkbox id="headerViewAllHeaders"
data-l10n-id="message-header-all-headers"
oncommand="gHeaderCustomize.toggleAllHeaders(event);"/>
</html:div>
</html:div>
<html:div class="popup-panel-buttons-container">
<html:button type="button"
data-l10n-id="customize-panel-button-save"
onclick="gHeaderCustomize.closePanel()"
class="primary">
</html:button>
</html:div>
</html:div>
</panel>