Remove Table Tag for RadioGroups in Read Mode for all instances

Language

Java

Tags

Author

Martin Rolph

Submitted on

July 22, 2013 at 10:22 AM

Rating

Downloads

Notes

By default the read mode display of a RadioGroup value will be surrounded by new Table element, like so;

Test

This can cause undesired results with with your css.

To automatically output read only values as they are, without the parent table, for all Radio Buttons and Radio Groups in your application you can use the following Custom Renderer and Theme settings.

1) Create the two Java Class for the new Renderers, one for the Radio Button and one for Radio Group (they extend different classes)

2) Include a reference to these renderer in your faces-config, linking it to the Input and SelectOne control families. This is a great example where the component family comes into it's own.

3) Add a computed property to your theme to apply this automatically to all Radios

Here's my blog article about other things you can do with Renders...

http://www.ovalbusinesssolutions.co.uk/blogs/xpages-customising-renderers/ - See more at: http://openntf.org/XSnippets.nsf/snippet.xsp?id=remove-table-tag-for-listboxes-in-read-mode-for-all-instances-in-one-go#sthash.gbwu0zOx.dpuf

And here's a link to another Snippet which does the same thing for ListBoxes:

http://openntf.org/XSnippets.nsf/snippet.xsp?id=remove-table-tag-for-listboxes-in-read-mode-for-all-instances-in-one-go

1a)
package com.uk.oval;

import java.io.IOException;
import java.io.Writer;
import javax.faces.component.UIComponent;
import com.ibm.xsp.component.xp.XspSelectOneRadio;
import javax.faces.context.FacesContext;
import com.ibm.xsp.renderkit.html_basic.RadioRenderer;

public class RadioGroupRenderer extends RadioRenderer {

	public void encodeEnd(FacesContext context, UIComponent component)
			throws IOException {
		Writer writer = context.getResponseWriter();
		XspSelectOneRadio obj = (XspSelectOneRadio) component;
		// if in read mode just print out the value
		if (obj.isReadonly()) {
			writer.write(obj.getValue().toString());
		} else {
			// if in edit mode then call the parent method to output as normal
			super.encodeEnd(context, component);
		}
	}
}

1b)
package com.uk.oval;

import java.io.IOException;
import java.io.Writer;
import javax.faces.component.UIComponent;
import com.ibm.xsp.component.xp.XspInputRadio;
import javax.faces.context.FacesContext;
import com.ibm.xsp.renderkit.html_extended.RadioRenderer;

public class RadioInputRenderer extends RadioRenderer {

	public void encodeEnd(FacesContext context, UIComponent component)
			throws IOException {
		Writer writer = context.getResponseWriter();
		XspInputRadio obj = (XspInputRadio) component;
		// if in read mode just print out the value
		if (obj.isReadonly()) {
			writer.write(obj.getValue().toString());
		} else {
			// if in edit mode then call the parent method to output as normal
			super.encodeEnd(context, component);
		}
	}
}

2)
    <renderer>
      <component-family>javax.faces.SelectOne</component-family>
      <renderer-type>com.uk.oval.type.Radio</renderer-type>
      <renderer-class>com.uk.oval.RadioGroupRenderer</renderer-class>
    </renderer>
    <renderer>
      <component-family>javax.faces.Input</component-family>
      <renderer-type>com.uk.oval.type.Radio</renderer-type>
      <renderer-class>com.uk.oval.RadioInputRenderer</renderer-class>
    </renderer>

3)
<control>
		<name>RadioButton</name>
		<property>
			<name>rendererType</name>
			<value>com.uk.oval.type.Radio</value>
		</property>
	</control>

All code submitted to OpenNTF XSnippets, whether submitted as a "Snippet" or in the body of a Comment, is provided under the Apache License Version 2.0. See Terms of Use for full details.

No comments yetLogin first to comment...