Portal Showcase


InputSearch is a UIInput component that renders a text field and optional button for submitting search criteria.

Nav Bar Usage

When specified as a grand-child of portal:navBar and a child of portal:navBarSearch, the responsive layout feature for small/mobile displays causes the text field to appear in a popup menu.

Source Code

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html"

		<h:messages globalOnly="true" layout="table" />
			<portal:navBarSearch styleClass="pull-right">
				<portal:inputSearch value="#{inputSearchBacking.searchText}"
					buttonLabel="#{i18n['search']}" placeholder="#{i18n['enter-your-search-here']}" />
	<h:outputText id="modelValue" value="#{inputSearchBacking.searchText}" />

public class InputSearchBacking {

	private static final Logger logger = LoggerFactory.getLogger(InputSearchBacking.class);

	private String searchText;

	public String getSearchText() {
		return searchText;

	public void searchActionListener(ActionEvent actionEvent) {

		FacesContext facesContext = FacesContext.getCurrentInstance();
		PhaseId phaseId = facesContext.getCurrentPhaseId();
		logger.debug("searchActionListener: phaseId=[{0}]", phaseId.toString());

		String phaseName = phaseId.toString();
		FacesMessage facesMessage = new FacesMessage("The searchActionListener method was called during the " +
				phaseName + " phase of the JSF lifecycle.");
		facesContext.addMessage(null, facesMessage);

	public void setSearchText(String searchText) {
		this.searchText = searchText;
Liferay Faces Bridge Implementation 4.1.0 + Liferay Faces Portal 3.0.2-SNAPSHOT + Showcase Common 3.0.1 + Liferay Faces Util 3.1.0 + Mojarra 2.2.17