Overview

This is a basic search form which enables you to place a search option for dmNews, you can build it further as required.

The searchform.cfc custom type file

The searchform.cfc custom type file is placed in /packages/types/ in your project or plugin.

searchform.cfc

<!---

Copyright 2010:

Author: Marco van den Oever
Company: MVDO-WSO
Website: http://www.webserviceonline.biz
Email: marco@webserviceonline.biz

License: 

This software is licensed under the terms of the GNU General Public License version 3 as published by the Free Software Foundation.
For a copy of the GNU General Public License check the license folder or see <http://www.gnu.org/licenses/>.

Description:

Simple Searchform for dmNews.

Created: 30/05/10

Tested on CF9, FC6.0

--->
<cfcomponent displayname="Search form" hint="Enables display of search form" extends="farcry.core.packages.rules.rules" output="false">
<cfproperty ftFieldset="Search Field" name="searchfield" type="string" fttype="string" default="" ftshowlabel="false" hint="Search Field." ftValidation="required" bSave="false" />
</cfcomponent>

The displaySearchform.cfm webskin file

The displaySearchform.cfm webskin file is placed in /webskin/dmNews/ in your project or plugin.

displaySearchform.cfm


<cfsetting enablecfoutputonly="true" />
<!---

Copyright 2010:

Author: Marco van den Oever
Company: MVDO-WSO
Website: http://www.webserviceonline.biz
Email: marco@webserviceonline.biz

License: 

This software is licensed under the terms of the GNU General Public License version 3 as published by the Free Software Foundation.
For a copy of the GNU General Public License check the license folder or see <http://www.gnu.org/licenses/>.

Description:

Simple Searchform for dmNews.

Created: 30/05/10

Tested on CF9, FC6.0

--->

<cfimport taglib="/farcry/core/tags/formtools/" prefix="ft" />
<cfimport taglib="/farcry/core/tags/webskin/" prefix="skin" />
<cfoutput>
  <!-- Start of Search Form Results -->
  <!--- perform action when someone searches --->
  <ft:processform action="search">
    <ft:processFormObjects typename="searchform">
      <!--- get search results --->
      <cfset obj = createObject('component','farcry.plugins.cms.packages.types.dmNews') />
      <cfset props.whereclause = "objectid=objectid AND title LIKE '%#stproperties.searchfield#%' OR Body LIKE '%#stproperties.searchfield#%' OR Teaser LIKE '%#stproperties.searchfield#%'">
      <cfset results = obj.getMultipleByQuery(argumentCollection=props) />
      <cfset searchquery = stproperties.searchfield />
    </ft:processformobjects>
  </ft:processform>
  <!-- End of Search Form Results -->
  <!-- Start of Search Form -->
  <div id="searchform">
    <h2>Search</h2>
    <ft:form css="style.css">
      <ft:object typename="searchform" lFields="searchfield" />
      <ft:farcryButtonPanel>
        <ft:button value="search" />
        <cfif not isdefined('results')>
          No Results
        </cfif>
        <cfif isdefined('results.recordcount')>
          <cfif results.recordcount gt 1>
            #results.recordcount# Results:<br />
            <cfelseif results.recordcount eq 1>
            #results.recordcount# Results:<br />
            <cfelse>
            No Results
          </cfif>
          <br />
          <cfloop query="results">
            <skin:buildLink type="dmNews" objectid="#results.objectid#">#results.title#</skin:buildLink>
            <br />
          </cfloop>
        </cfif>
      </ft:farcryButtonPanel>
    </ft:form>
  </div>
  <!-- End of Search Form -->
</cfoutput>
<cfsetting enablecfoutputonly="false" />

The CSS code

The CSS code is placed in the CSS file of your project or plugin. Note that i used style.css as style name, you might need to change that to your needs. This CSS is just some code i used to change the form layout to my needs, it might be a place to start for you.

CSS code


#searchform {
	margin-bottom: 1px;
	padding: 5px 5px 15px;
	width: 118px;
	border-color: #9e9ec3;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	overflow: hidden;
	font-weight: bold;
}

#searchform h2 {
	padding-bottom: 10px;
	font-size: 10px;
}

#searchform input {
	padding-left: 0px;
	width: 115px;
	height: 16px;
	border: #bfbfe6 1px solid;
	float: left;
	clear: left;
}

#searchform input.button {
	margin-top: 3px;
	margin-left: 95px;
	width: 22px;
	height: 13px;
	border: none;
}

#searchform #link_cancel {
	margin-top: 5px;
}

#searchform .farcryButtonPanel {
	margin-bottom: -15px;
}

#searchform .farcryButtonPanel button {
	width: 25px;
	font: bold 11px/16px arial, helvetica, sans-serif;
	padding: -10px;
	border: 1px solid #7575A9;
	background-color: #9E9EC3;
	cursor: pointer;
	color: #fff;
	margin-left: 89px;
	margin-bottom: -10px;
}

#searchform .farcryButtonPanel button:hover {
	background: #7575A9;
	color: #E1E1E1;
}

#searchform .farcryButtonPanel a:hover {
	color: #69699c;
	cursor:pointer;
}

#searchform .f-btn-text {
	float:left;
	margin:0px;
	padding:0px;
}