Add a Search Field to the Visualforce Article Search page

Let's create a keyword search field above the Article List. Entering text in this field refreshes the list and displays only articles containing this keyword.

Using a search field requires new methods to set and retrieve the search string. That's why we'll add a new controller before modifying the code from the Visualforce Article Search page.

1. From Setup, click Develop | Apex Classes.
2. Click New
3. Copy and paste the content of the Visualforce Keyword Search Controller Code Sample.
4. Click Save.
5. In the footer of the Visualforce Article Search tab, click ArticleList to display the Visualforce development mode page editor.
6. Delete all the existing markup in the Visualforce development mode page editor and replace it with the markup shown in the Visualforce Keyword Search Code Sample.

Look at What We've Done

The Visualforce Article Search page now shows a Search field above the article list.