Sitefinity ASP.NET CMS - Content Management System

KB Article

Home >  Support >  Knowledge Base >  KB Article
Adding thumbnails from Image and Documents to the News module - ID#1010
Rating:
Last Modified: 6/13/2008
Related categories: Modules;

Article information

Article relates to

 Sitefinity 3.2 SP2 Hotfix 1616

Created by

Joseph Anderson, MCP 

Last modified by

Rebecca


Introduction

This article describes how to add an option to select thumbnails from the Images and Documents module in the News Module’s thumbnail selector. The modified templates are attached.

Instructions

1. Open these files: 
~/Sitefinity/Admin/ControlTemplates/News/ControlPanelEdit.ascx     ~/Sitefinity/Admin/ControlTemplates/News/ControlPanelInsert.ascx.
These templates control editing and inserting news in this module.

2. Register the ButtonSelector control:

 
<%@ Register TagPrefix="sfLib" Namespace="Telerik.Libraries.WebControls" Assembly="Telerik.Libraries" %> 
    

3. Comment out the LinkButton with ID "picker":

<%--asp:LinkButton ID="picker"   
  runat="server"   
  OnClientClick="javascript:needToConfirm=false;callAjaxFunc=false;"   
  Text="<%$Resources:Select%>"   
  CssClass="picker"   
  CausesValidation="false"   
  CommandName="Pick"   
  CommandArgument="Thumbnail:Telerik.FileManager.UrlWebEditor,Telerik.FileManager">  
</asp:LinkButton--%> 

4. Declare the ButtonSelector control:

<sfLib:ButtonSelector runat="server" AssociatedControls="Thumbnail" /> 

5. Open the ~/Sitefinity/Admin/ControlTemplates/Libraries/Dialogs/ButtonSelector.ascx.

6. In the SelectedItem JS function, add the following check:

function SelectedItem(src, altText, title, width, height)  
{  
    this.src = src;  
    this.altText = altText;  
    this.title = title;  
    this.width = width;  
    this.height = height;  
    if (typeof(beforeInsertLink) != 'undefined')  
        beforeInsertLink(src, altText, title, width, height);  

Conclusion

When you insert content, you must make sure that you are adding a thumbnail. First, go to the News module tab and either create a new article or edit an existing story. In the thumbnail selector, change the extension to .tmb as shown below:



Now, at the Pages tab, place News View control onto your page. The story where you inserted a thumbnail should look like this:

News View public control


ControlPanelEdit.ascxControlPanelInsert.ascxButtonSelector.ascx
<%@ Register TagPrefix="radTS" Namespace="Telerik.WebControls" Assembly="RadTabStrip.NET2" %>
<%@ Register TagPrefix="sfLib" Namespace="Telerik.Libraries.WebControls" Assembly="Telerik.Libraries" %>
<%@ Register TagPrefix="sfMsg" Namespace="Telerik.Cms.Web.UI" Assembly="Telerik.Cms.Web.UI" %>
<%@ Register TagPrefix="sfVrs" Namespace="Telerik.Versioning.WebControls" Assembly="Telerik.Versioning" %>
<%@ Register TagPrefix="sfGCn" Namespace="Telerik.Cms.Engine.WebControls" Assembly="Telerik.Cms.Engine" %>
<%@ Register TagPrefix="sfLoc" Namespace="Telerik.Localization.WebControls" Assembly="Telerik.Localization" %>
<%@ Register TagPrefix="sfWrk" Namespace="Telerik.Workflow.WebControls" Assembly="Telerik.Workflow" %>
<%@ Register TagPrefix="sfTag" Namespace="Telerik.Cms.Engine.WebControls.Tags" Assembly="Telerik.Cms.Engine" %>
<%@ Register TagPrefix="sfCtg" Namespace="Telerik.Cms.Engine.WebControls.Categories"
    Assembly="Telerik.Cms.Engine" %>
<div class="ToolsAll">
    <asp:Label ID="lockedWarning" runat="server">
    <p class="locked"><asp:Literal runat="server" Text="<%$Resources:IsEditingContent %>"></asp:Literal></p>    
    </asp:Label>
    <div class="backWrapp">
        <asp:LinkButton ID="backButton" runat="server" CssClass="actions back" CausesValidation="false"><asp:Literal runat="server" Text="<%$Resources:BackToAllNewsItems %>"></asp:Literal></asp:LinkButton></div>
    <radTS:RadTabStrip ID="tabStrip" Align="Right" runat="server" SkinsPath="~/Sitefinity/Admin/Themes/Default/Skins/Tabstrip"
        Skin="SitefinityPages" CssClass="tabstrip RadTabStrip_SitefinityPages" SelectedIndex="0"
        CausesValidation="false">
        <Tabs>
            <radTS:Tab Text="<%$Resources:View %>">
            </radTS:Tab>
            <radTS:Tab Text="<%$Resources:Edit %>">
            </radTS:Tab>
            <radTS:Tab Text="<%$Resources:History %>">
            </radTS:Tab>
        </Tabs>
    </radTS:RadTabStrip>
    <div class="clear">
        <!-- -->
    </div>
</div>
<div id="divWorkArea" runat="server" class="workArea">
    <radTS:RadMultiPage ID="multiPage" runat="server" SelectedIndex="0">
        <radTS:PageView runat="server" ID="ViewPage">
            <sfMsg:MessageControl runat="server" ID="message1">
                <ItemTemplate>
                    <asp:Label runat="server" ID="messageText"></asp:Label>
                </ItemTemplate>
            </sfMsg:MessageControl>
            <div class="view">
                <p class="button_area">
                    <sfWrk:WorkflowMenu ID="workflowMenu" runat="server" />
                <asp:LinkButton ID="editCommand1" Text="Edit" runat="server" CssClass="CmsButLeft editdark">
                        <strong class="CmsButRight dark">
                            <asp:Literal runat="server" Text="<%$Resources:EditThisNews %>"></asp:Literal>
                        </strong>
                    </asp:LinkButton>
                </p>
                <div class="setW clearfix">
                    <div class="setInW clearfix">
                        
                        <div class="viewIn"> 
                     <h1 class="viewHead"><asp:Literal ID="lblItemName" runat="server"></asp:Literal></h1>                       
                            <sfGCn:GenericContent ID="contentView" runat="server" />
                        </div>
                        <div class="details">
                        <h3>Details</h3>
                        <dl>
                        <asp:Repeater ID="repeaterItemMetaData" runat="server">
                            <ItemTemplate>
                                    <dt>
                                        <asp:Label ID="lblKey" runat="server"></asp:Label>
                                    </dt>
                                    <dd>
                                        <asp:Label ID="lblValue" runat="server"></asp:Label>
                                    </dd>
                            </ItemTemplate>
                        </asp:Repeater>
                        </dl>
                        </div>
                        <div class="clear"><!-- --></div>
                    </div>
                </div>
                <div class="bottomW">
                    <div>
                        <!-- -->
                    </div>
                </div>
            </div>
            <div class="info">
                <div class="infoBottom">
                <asp:PlaceHolder ID="languagePanel" runat="server">
                    <h3><asp:Literal runat="server" Text="<%$Resources:ChangeLanguage %>"></asp:Literal></h3>
                    <div class="langCol set">
                        <sfLoc:LanguageBar CssClass="setIn" ID="languageBar" PostBack="True" runat="server">
                            <LayoutTemplate>
                                <sfLoc:LanguageList ID="languageList" runat="server" CssClass="setIn">
                                    <ItemTemplate>
                                        <asp:HyperLink ID="listItem" runat="server" CssClass="emptyLang"></asp:HyperLink>
                                    </ItemTemplate>
                                    <CurrentItemTemplate>
                                        <asp:Label ID="listItem" CssClass="currentLang" runat="server"></asp:Label>
                                    </CurrentItemTemplate>
                                    <SelectedItemTemplate>
                                        <asp:HyperLink ID="listItem" CssClass="filledLang" runat="server"></asp:HyperLink>
                                    </SelectedItemTemplate>
                                </sfLoc:LanguageList>
                            </LayoutTemplate>
                        </sfLoc:LanguageBar>
                    </div>
                    <div class="bottom">
                        <div>
                            <!-- -->
                        </div>
                    </div>
                </asp:PlaceHolder>
             <div id="divViewFaq" runat="server">
                    <h3><asp:Literal runat="server" Text="<%$Resources:NewsFAQ %>"></asp:Literal></h3>
                    <asp:Literal runat="server" Text="<%$Resources:NewsFAQText %>"></asp:Literal>
                    <p class="hideAllFAQs">
                        <a href="javascript:void(0)" onclick="javascript:Personalization.hideFaqSection('<%= divViewFaq.ClientID %>')">Hide FAQs everywhere</a>
                    </p>
                </div>
                </div>
            </div>
        </radTS:PageView>
        <radTS:PageView runat="server" ID="EditPage">
            <div class="mainForm">                
                <p class="button_area top">
                    <asp:LinkButton ID="saveButton1" runat="server" CssClass="CmsButLeft okdark"><strong class="CmsButRight dark"><asp:Literal runat="server" Text="<%$Resources:SaveChanges %>"></asp:Literal></strong></asp:LinkButton>
                    <span id="Span1" runat="server">
                        <asp:Literal runat="server" Text="<%$Resources:Or %>"></asp:Literal></span>
                    <asp:LinkButton ID="cancelButton1" Text="<%$Resources:Cancel %>" runat="server" CssClass="cmscclcmd"
                        CausesValidation="false"><asp:Literal runat="server" Text="<%$Resources:Cancel %>"></asp:Literal></asp:LinkButton>
                </p>
                <p class="mand">
                    *
                    <asp:Literal ID="Literal6" runat="server" Text="<%$Resources:MandatoryFields %>"></asp:Literal></p>
                <h3><asp:Label ID="Label1" AssociatedControlID="Title" runat="server"><asp:Literal ID="Literal2" runat="server" Text="<%$Resources:Title %>"></asp:Literal>* <em id="TitleLabel" runat="server"></em></asp:Label></h3>
                <fieldset class="set">
               <div class="setIn title">
                  <asp:TextBox ID="Title" Text="<%$Resources:TitleInput %>" runat="server" MaxLength="250" ValidationGroup="EditNews"></asp:TextBox>               
                  <asp:RequiredFieldValidator ID="validator1" runat="server" ControlToValidate="Title" Display="Dynamic" EnableViewState="False" CssClass="validMessage" SetFocusOnError="True" ValidationGroup="EditNews"><strong><asp:Literal ID="Literal5" runat="server" Text="<%$Resources:TitleEmpty %>"></asp:Literal></strong></asp:RequiredFieldValidator>
               </div>
            </fieldset>
            <div class="bottom"><div><!-- --></div></div>
                <h3>
                    <asp:Literal runat="server" Text="<%$Resources:Content %>"></asp:Literal>
                    * <em id="contentEditorLabel" runat="server"></em>
                </h3>
                <fieldset class="set">
                    <div class="setIn">
                        <telerik:RadEditor 
                            runat="server" 
                            ID="contentEditor" 
                            ContentAreaCssFile="~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorContentArea.css"
                            ToolsFile="~/Sitefinity/Admin/ControlTemplates/EditorToolsFile.xml"
                            EnableEmbeddedSkins="False" Skin="Sitefinity" 
                            NewLineBr="False"
                            Width="95%"> 
                            <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" DeletePaths="~/Images" />
                            <MediaManager ViewPaths="~/Files" UploadPaths="~/Files" DeletePaths="~/Files" />
                            <FlashManager ViewPaths="~/Files" UploadPaths="~/Files" DeletePaths="~/Files" />
                            <DocumentManager ViewPaths="~/Files" UploadPaths="~/Files" DeletePaths="~/Files" />
                            <CssFiles>
                                <telerik:EditorCssFile Value="~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorCssFile.css" />
                            </CssFiles>
                        </telerik:RadEditor>
                        <script type="text/javascript">
                        Telerik.Web.UI.Editor.CommandList["LibraryImageManager"] = function(commandName, editor, args)
                        {
                           var editorArgs = editor.getSelectedElement();
                           if (!editorArgs.nodeName || typeof(editorArgs.nodeName) == "undefined" || editorArgs.nodeName != "A")
                                editorArgs = editor.getSelection();
                           
                           var myCallbackFunction = function(sender, args)
                           {
                                if (typeof(editorArgs.nodeName) != "undefined" && editorArgs.nodeName == "IMG")
                                    editor.get_Document().replaceChild(editorArgs, args);
                                else
                                {
                                    var cloned = args.cloneNode(true);
                                    var div = args.ownerDocument.createElement("DIV");
                                    div.appendChild(cloned);
                                    editorArgs.pasteHtml(div.innerHTML);
                                }
                           }
                           editor.showExternalDialog(
                           '<%= Page.ResolveUrl("~/Sitefinity/UserControls/Dialogs/ImageEditorDialog.aspx") %>',
                           editorArgs, 
                           750, 
                           600, 
                           myCallbackFunction, 
                           null, 
                           'ImageLibraryDialog', 
                           true, 
                           Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move, 
                           false, 
                           false)
                        };

                        Telerik.Web.UI.Editor.CommandList["LibraryDocumentManager"] = function(commandName, editor, args)
                        {
                           var editorArgs = editor.getSelectedElement();
                           if (!editorArgs.nodeName || typeof(editorArgs.nodeName) == "undefined" || editorArgs.nodeName != "A")
                                editorArgs = editor.getSelection();
                           
                           var myCallbackFunction = function(sender, args)
                           {
                                if (typeof(editorArgs.nodeName) != "undefined" && editorArgs.nodeName == "A")
                                    editor.get_Document().replaceChild(editorArgs, args);
                                else
                                {
                                    var cloned = args.cloneNode(true);
                                    var div = args.ownerDocument.createElement("DIV");
                                    div.appendChild(cloned);
                                    editorArgs.pasteHtml(div.innerHTML);
                                }
                           }
                           editor.showExternalDialog(
                           '<%= Page.ResolveUrl("~/Sitefinity/UserControls/Dialogs/DocumentEditorDialog.aspx") %>',
                           editorArgs, 
                           750, 
                           600, 
                           myCallbackFunction, 
                           null, 
                           'ImageLibraryDialog', 
                           false, 
                           Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move, 
                           false, 
                           false)
                        };

                        Telerik.Web.UI.Editor.CommandList["LinkManager"] = function(commandName, editor, args)
                        {
                           var editorArgs = editor.getSelectedElement();
                           if (!editorArgs.nodeName || typeof(editorArgs.nodeName) == "undefined" || editorArgs.nodeName != "A")
                                editorArgs = editor.getSelection();
                           
                           var myCallbackFunction = function(sender, args)
                           {
                                if (typeof(editorArgs.nodeName) != "undefined" && editorArgs.nodeName == "A")
                                    editor.get_Document().replaceChild(editorArgs, args);
                                else
                                {
                                    var cloned = args.cloneNode(true);
                                    var div = args.ownerDocument.createElement("DIV");
                                    div.appendChild(cloned);
                                    editorArgs.pasteHtml(div.innerHTML);
                                }
                           }
                           editor.showExternalDialog(
                           '<%= Page.ResolveUrl("~/Sitefinity/UserControls/Dialogs/LinksDialog.aspx") %>',
                           editorArgs, 
                           750, 
                           600, 
                           myCallbackFunction, 
                           null, 
                           'ImageLibraryDialog', 
                           false, 
                           Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move, 
                           false, 
                           false)
                        };

                        Telerik.Web.UI.Editor.CommandList["SetLinkProperties"] = function(commandName, editor, args)
                        {
                           var editorArgs = editor.getSelectedElement();
                           if (!editorArgs.nodeName || typeof(editorArgs.nodeName) == "undefined" || editorArgs.nodeName != "A")
                                editorArgs = editor.getSelection();
                           
                           var myCallbackFunction = function(sender, args)
                           {
                                if (typeof(editorArgs.nodeName) != "undefined" && editorArgs.nodeName == "A")
                                    editor.get_Document().replaceChild(editorArgs, args);
                                else
                                {
                                    var cloned = args.cloneNode(true);
                                    var div = args.ownerDocument.createElement("DIV");
                                    div.appendChild(cloned);
                                    editorArgs.pasteHtml(div.innerHTML);
                                }
                           }
                           editor.showExternalDialog(
                           '<%= Page.ResolveUrl("~/Sitefinity/UserControls/Dialogs/LinksDialog.aspx") %>',
                           editorArgs, 
                           750, 
                           600, 
                           myCallbackFunction, 
                           null, 
                           'ImageLibraryDialog', 
                           false, 
                           Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move, 
                           false, 
                           false)
                        };
                        var oldFunction = Telerik.Web.UI.Editor.CommandList["ToggleScreenMode"]; //save the original Paste function

                            Telerik.Web.UI.Editor.CommandList["ToggleScreenMode"] = function(commandName, editor, args)
                            {
                                oldFunction(commandName, editor, args);
                                var bd = document.getElementsByTagName("body")[0];
                                
                                if(/fullScreenMode/.test(bd.className)) {
                                    var rep = bd.className.match(' '+'fullScreenMode')?' '+'fullScreenMode':'fullScreenMode';
                                    bd.className=bd.className.replace(rep,'');

                                } else {
                                    bd.className += bd.className?' '+'fullScreenMode':'fullScreenMode';
                                }
                            };
                        </script>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="contentEditor"
                            Display="Dynamic" EnableViewState="False" CssClass="validMessage" SetFocusOnError="True" ValidationGroup="EditNews"><strong><asp:Literal runat="server" Text="<%$Resources:ContentEmpty %>"></asp:Literal></strong></asp:RequiredFieldValidator>
                    </div>
                </fieldset>
                <div class="bottom">
                    <div>
                        <!-- -->
                    </div>
                </div>
                <sfGCn:ContentMetaFields ID="editMetaFields" runat="server">
                    <ItemTemplate>
                        <h3>
                            <asp:Literal runat="server" Text="<%$Resources:Category %>"></asp:Literal></h3>
                        <fieldset class="set">
                            <ol class="setIn">
                                <li class="catSel clearfix">
                                    <asp:Label ID="Label8" AssociatedControlID="Category" runat="server">
                                        <asp:Literal ID="Literal1" runat="server" Text="<%$Resources:Category %>"></asp:Literal>
                                    <em id="Em1" runat="server"></em></asp:Label>
                                    <sfCtg:CategoriesField ID="Category" runat="server" />
                                </li>
                                
                            </ol>
                        </fieldset>
                        <div class="bottom">
                            <div>
                                <!-- -->
                            </div>
                        </div>
                        <h3>
                            <asp:Literal ID="Literal3" runat="server" Text="<%$Resources:Tags %>"></asp:Literal></h3>
                        <fieldset class="set">
                            <ol class="setIn">
                                <li class="tags">
                                    <sfTag:TagEditor ID="tagsControl" runat="server" />
                                </li>
                            </ol>
                        </fieldset>
                        <div class="bottom">
                            <div>
                                <!-- -->
                            </div>
                        </div>
                        <h3>
                            <asp:Literal runat="server" Text="<%$Resources:AdditionalInfo %>"></asp:Literal></h3>
                        <fieldset class="set">
                            <ol class="setIn">
                        <li>
                                    <asp:Label ID="Label4" AssociatedControlID="Summary" Text="<%$Resources:Summary %>"
                                        runat="server">
                                        <asp:Literal ID="Literal4" runat="server" Text="<%$Resources:Summary %>"></asp:Literal>
                                        <em id="SummaryLabel" runat="server"></em></asp:Label>
                                    <asp:TextBox ID="Summary" TextMode="MultiLine" Text="" runat="server"></asp:TextBox>
                                    <p class="example">
                                        <asp:Literal ID="Literal7" runat="server" Text="<%$Resources:SummaryNote %>"></asp:Literal></p>
                                </li>
                                <li>
                                    <asp:Label ID="Label3" AssociatedControlID="Author" Text="" runat="server">
                                        <asp:Literal runat="server" Text="<%$Resources:Author %>"></asp:Literal>
                                        <em id="AuthorLabel" runat="server"></em></asp:Label>
                                    <asp:TextBox ID="Author" Text="<%$Resources:Author %>" runat="server" MaxLength="250"></asp:TextBox>
                                    <p class="example">
                                        <asp:Literal runat="server" Text="<%$Resources:AuthorNote %>"></asp:Literal></p>
                                </li>
                                <li>
                                    <asp:Label ID="Label5" AssociatedControlID="Source" runat="server">
                                        <asp:Literal runat="server" Text="<%$Resources:Source %>"></asp:Literal>
                                        <em id="SourceLabel" runat="server"></em></asp:Label>
                                    <asp:TextBox ID="Source" Text="" runat="server" MaxLength="250"></asp:TextBox>
                                    <p class="example">
                                        <asp:Literal runat="server" Text="<%$Resources:SourceNote %>"></asp:Literal></p>
                                </li>
                                <li class="selector">
                                    <asp:Label ID="Label2" AssociatedControlID="Thumbnail" runat="server">
                                        <asp:Literal runat="server" Text="<%$Resources:Thumbnail %>"></asp:Literal>
                                        <em id="ThumbnailLabel" runat="server"></em></asp:Label>
                                    <asp:TextBox ID="Thumbnail" Text="" runat="server" MaxLength="250"></asp:TextBox>
                                    <%--asp:LinkButton ID="picker" runat="server" OnClientClick="javascript:needToConfirm=false;callAjaxFunc=false;" Text="<%$Resources:Select%>" CssClass="picker" CausesValidation="false" CommandName="Pick" CommandArgument="Thumbnail:Telerik.FileManager.UrlWebEditor, Telerik.FileManager"></asp:LinkButton--%>
                           <sfLib:ButtonSelector runat="server" AssociatedControls="Thumbnail" />
                                    <p class="example">
                                        <asp:Literal runat="server" Text="<%$Resources:ThumbnailNote %>"></asp:Literal></p>
                                </li>
                            </ol>
                        </fieldset>
                        <div class="bottom">
                            <div>
                                <!-- -->
                            </div>
                        </div>
                        
                        <h3>
                            <asp:Literal runat="server" Text="<%$Resources:Schedule %>"></asp:Literal></h3>
                        <fieldset class="dates set">
                            <ol class="setIn">
                                <li>
                                    <asp:Label ID="Label6" AssociatedControlID="Publication_Date" runat="server">
                                        <asp:Literal runat="server" Text="<%$Resources:PublicationDate %>"></asp:Literal>
                                        <em id="Publication_DateLabel" runat="server"></em></asp:Label>
                                    <telerik:raddatepicker ID="Publication_Date" runat="server">
                                    </telerik:raddatepicker>
                                </li>
                                <li>
                                    <asp:Label ID="Label7" AssociatedControlID="Expiration_Date" runat="server">
                                        <asp:Literal runat="server" Text="<%$Resources:ExpirationDate %>"></asp:Literal>
                                        <em id="Expiration_DateLabel" runat="server"></em></asp:Label>
                                    <telerik:raddatepicker ID="Expiration_Date" runat="server" ToolTip="Date">
                                    </telerik:raddatepicker>
                                </li>
                            </ol>
                        </fieldset>
                    </ItemTemplate>
                </sfGCn:ContentMetaFields>
                <div class="bottom">
                    <div>
                        <!-- -->
                    </div>
                </div>
                <p class="button_area bot">
                    <asp:LinkButton ID="saveButton2" runat="server" CssClass="CmsButLeft okdark" ValidationGroup="EditNews"><strong class="CmsButRight dark"><asp:Literal runat="server" Text="<%$Resources:SaveChanges %>"></asp:Literal></strong></asp:LinkButton>
                    <span id="separator1" runat="server">
                        <asp:Literal runat="server" Text="<%$Resources:Or %>"></asp:Literal></span>
                    <asp:LinkButton ID="cancelButton2" Text="<%$Resources:Cancel %>" runat="server" CssClass="cmscclcmd"
                        CausesValidation="false"><asp:Literal runat="server" Text="<%$Resources:Cancel %>"></asp:Literal></asp:LinkButton>
                </p>
            </div>
            <div class="info" id="divEditFaq" runat="server">
                <div class="infoBottom">
                <h3><asp:Literal runat="server" Text="<%$Resources:NewsFAQ %>" /></h3>
                <asp:Literal runat="server" Text="<%$Resources:NewsFAQText %>"></asp:Literal>
                <p class="hideAllFAQs">
                    <a href="javascript:void(0)" onclick="javascript:Personalization.hideFaqSection('<%= divEditFaq.ClientID %>')">Hide FAQs everywhere</a>
                </p>
                </div>
            </div>
            <div class="clear">
                <!-- -->
            </div>
        </radTS:PageView>
        <radTS:PageView runat="server" ID="HistoryPage">
            <div id="historyWrapper">
                <sfMsg:MessageControl runat="server" ID="message2">
                    <ItemTemplate>
                        <asp:Label runat="server" ID="messageText"></asp:Label>
                    </ItemTemplate>
                </sfMsg:MessageControl>
                <sfVrs:VersionList ID="versionList" runat="server">
                    <ListTemplate>
                        <h2 class="gridTitle">
                            <asp:Literal runat="server" Text="<%$Resources:ItemVersions %>"></asp:Literal></h2>
                        <asp:GridView ID="GridView1" AllowPaging="true" AllowSorting="true" PageSize="20"
                            AutoGenerateColumns="false" GridLines="none" CssClass="listItems" runat="server">
                            <Columns>
                                <asp:TemplateField ItemStyle-CssClass="gridActions">
                                    <ItemTemplate>
                                        <asp:HyperLink ID="view" Text="<%$Resources:View %>" runat="server"></asp:HyperLink>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:ButtonField ButtonType="Link" CommandName="Delete" Text="<%$Resources:Rollback %>"
                                    AccessibleHeaderText="<%$Resources:Rollback %>">
                                    <ItemStyle CssClass="gridActions" />
                                </asp:ButtonField>
                                <asp:BoundField DataField="Version" HeaderText="<%$Resources:Version %>" HeaderStyle-CssClass="GridHeader_SiteFinity">
                                    <ItemStyle CssClass="gridContentTitle" />
                                </asp:BoundField>
                                <asp:BoundField DataField="TimeStamp" HeaderText="<%$Resources:Date %>" HeaderStyle-CssClass="GridHeader_SiteFinity"
                                    DataFormatString="<%$Resources:VersionDateFormat %>" HtmlEncode="false" />
                                <asp:BoundField DataField="Modifier" HeaderText="<%$Resources:Modifier %>" HeaderStyle-CssClass="GridHeader_SiteFinity" />
                                <asp:BoundField DataField="Description" HeaderText="<%$Resources:Description %>"
                                    HeaderStyle-CssClass="GridHeader_SiteFinity" />
                            </Columns>
                        </asp:GridView>
                    </ListTemplate>
                </sfVrs:VersionList>
            </div>
        </radTS:PageView>
    </radTS:RadMultiPage>
    <div class="clear">
        <!-- -->
    </div>
</div>