Skip to main content

JSF Tip #32 - Override a JSF Renderer

Posted by mriem on November 5, 2013 at 7:57 AM PST

Say you have a problem with how a particular component renders and you want to do it a bit different. Well in JSF that is not a problem there is a hook-in that you can use to override how a renderer does it rendering. The sample below shows you how to do it.

You will have to do 2 things.

1. Register your own renderer for a given renderer type
2. Implement your own renderer.

First lets make sure the JSF runtime registers your renderer.

<?xml version='1.0' encoding='UTF-8'?>

<faces-config version="2.1"

Note that for your component you will have to figure out what the render-kit-id, component-family and renderer-type is. For standard components the render-kit-id will be HTML_BASIC.

And second the implementation.

package org.glassfish.jsf.overrideRenderer;

import javax.faces.component.UIComponent;
import javax.faces.component.UIOutput;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
import javax.faces.render.Renderer;

public class MyTextRenderer extends Renderer {

    public void encodeBegin(FacesContext context, UIComponent component) throws IOException {

    public void encodeChildren(FacesContext context, UIComponent component) throws IOException {

    public void encodeEnd(FacesContext context, UIComponent component) throws IOException {
        ResponseWriter responseWriter = context.getResponseWriter();
        UIOutput output = (UIOutput) component;
        String value = "Let's be funny: " + output.getValue().toString();
        responseWriter.writeText(value, null);

Note the code for this sample is available as part of the Glassfish samples (see the subversion repository at

And that is it.


Related Topics >>