facelets modalPanel template question

I am hoping that this is a good place to ask this question, if not I apologize. Here is my scenario, I have a datagrid where a user can browse a list of records. I want a modalPanel to appear where the user can enter information to filter the list. I would also like to template my modalPanel pages using facelets and ui:include to make them appear. For example, say the list page is called list.xhtml, the template page is called modal_template.xhtml and the modal page is called filter.xhtml. What do I need to surround the content in the modal_template.xhtml and filter.xhtml with; should it be UI:composition in both .xhtml pages or is this not the case. I cannot find any examples on how this should be done. Could someone provide an example of what this should look like?

This is a generic RichFaces modal dialog where the dialog body text comes from a backing bean.

Here's how it's called:

And this is the dialog itself:

<?xml version="1.0"?>
    
<html 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:t="http://myfaces.apache.org/tomahawk"
    xmlns:rich="http://richfaces.org/rich" xmlns:a4j="http://richfaces.org/a4j"
>
    <ui:composition>
        <rich:modalPanel id="#{name}" width="560" height="300">
            <f:facet name="header">
                <h:panelGroup>
                    <h:outputText value="#{title}"></h:outputText>
                </h:panelGroup>
            </f:facet>
            <f:facet name="controls">
                <h:panelGroup>
                    <h:graphicImage value="/images/modal/close.png"
                        styleClass="hidelink" id="hidelink#{name}" />
                    <rich:componentControl for="#{name}"
                        attachTo="hidelink#{name}" operation="hide" event="onclick" />
                </h:panelGroup>
            </f:facet>
            <h:outputText escape="false"
                value="#{body}"
            />
        </rich:modalPanel>
        <h:outputLink value="#" id="link#{name}"
            styleClass="blueText"
        >
            #{linkText}
            <rich:componentControl for="#{name}"
                attachTo="link#{name}" operation="show" event="onclick" />
        </h:outputLink>
    </ui:composition>
</html>