<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:sand="http://richfaces.org/sandbox"
                xmlns:a4j="http://richfaces.org/a4j" 
                xmlns:rich="http://richfaces.org/rich"
                template="./../../template.xhtml">

    <ui:define name="htmlHead">
        <title>Focus sample</title>
    </ui:define>

    <ui:define name="header">
        <ui:include src="menu.xhtml"/>
    </ui:define>

    <ui:define name="content">


        <p>This example shows that focus can be put on non JSF control</p>
        <h:panelGrid columns="3">
            <h:outputLabel value="Non JSF control" for="option"/>
            <input type="radio" id="option_1" name="option"/> 1
            <input type="radio" id="option_2" name="option"/> 2
        </h:panelGrid>
        <sand:focus targetClientId="option_2"/>

        <rich:insert src="/focus_4.xhtml" highlight="html"/>
    </ui:define>
</ui:composition>