Skip to main content

Set Search Text Box Default

Ways to set search text box default is given below:

  txtSearch.Value  = "Search keywords";
  txtSearch.Attributes.Add("onfocus", "if (this.value == 'Search keywords') this.value = '';");
  txtSearch.Attributes.Add("onBlur", "if (this.value == '') this.value = 'Search keywords';");
  this.Page.Form.DefaultButton = imgSearch.UniqueID;
 
Alternatively, you could wrap a panel control  around your tags and set the default control on 
that Panel.
 
 <asp:Panel ID="pnlsearch" runat="server" DefaultButton="imgSearch">
                    <div id="search-drop">
                        <div class="search">
                            <div class="global-search-input">
                                <input type="text" id="txtSearch" runat="Server" class="text" name="search" onfocus="if (this.value == 'Search..') this.value = '';" onblur="if (this.value == '') this.value = 'Search..';" value="Search..">
                                <asp:Literal ID="litRedirect" runat="server" />
                                <asp:ImageButton ID="imgSearch" ImageUrl="/Style Library/PitchIn/images/search-icon.png" CssClass="searchsubmit" runat="server" OnClick="imgSearch_Click" />
                            </div>
                        </div>
                        <div class="close"></div>
                    </div>
 </asp:Panel>  


I will add to the list as I remember the options I have used in the past.













Labels:





































Comments








Post a Comment

























Popular posts from this blog



















Event Date Function




























  Date.toISOFormat = function  (date, ignoreTime) {      /// <summary>Date object static method to format a date to date ISO string - YYYY-MM-DDThh:mm:ssZ</summary>      /// <param name="date" type="Date" mayBeNull="false" optional="false"></param>      /// <param name="ignoreTime" type="Boolean" mayBeNull="false" optional="true"></param>      /// <returns type="String">A string representing ISO format for specied date</returns>        // If not specified, time is ignored      var  ignoreTime = ignoreTime || {};        function  pad(number) {          // Add leading 0 if number is less then 10 (enclosed method)          var  r = String(number);          if  (r.length ==...




















Post a Comment









Read more




























The _spPageContextInfo




























I f you are creating a SharePoint app using JavaScript and the Client side object model you need this friendly object. In the development of an app, you would require some basic properties- SharePoint as a framework provides these with the  _spPageContextInfo  object. _  spPageContextInfo  will provide these below properties:  webServerRelativeUrl  webAbsoluteUrl siteAbsoluteUrl serverRequestPath layoutsUrl webTitle webTemplate tenantAppVersion isAppWeb webLogoUrl webLanguage currentLanguage currentUICultureName currentCultureName env nid fid clientServerTimeDelta updateFormDigestPageLoaded siteClientTag crossDomainPhotosEnabled webUIVersion webPermMasks pagePersonalizationScope userId userLoginName systemUserKey alertsEnabled siteServerRelativeUrl allowSilverlightPrompt themedCssFolderUrl themedImageFileNames




















Post a Comment









Read more




























PublishingAssociatedContentType




























  The Content Type to be associated with a page layout is indicated by the 'PublishingAssociatedContentType'.   In the actual sense it means a binding setting between the Page Layout and the content type. If you fail to provide one, the SharePoint framework will make use of the Page Content type.   The format of the binding is: ';# e.g. ';#ContentPage;#0x010100C568DB52D9D0A14D9B2FDCC96666E9F2007948130EC3DB064584E219954237AF3900470b13dd348649d08f9e5151501df9a4000dbd46dad8d045f98c83ad983b66d3f2;#'. where Content Type name: ContentPage Content Type ID: 0x010100C568DB52D9D0A14D9B2FDCC96666E9F2007948130EC3DB064584E219954237AF3900470b13dd348649d08f9e5151501df9a4000dbd46dad8d045f98c83ad983b66d3f2 respectively. QED   




















Post a Comment









Read more