title: JSF Composite component ID
body: <p>I created a JSF composite component to extend h:inputBox </p>
  
  <pre><code>        &lt;p class="label clear"&gt;
              &lt;label for="#{cc.attrs.id}" class=""&gt;
                  #{cc.attrs.label}:
              &lt;/label&gt;
          &lt;/p&gt;
          &lt;p&gt;
              &lt;h:inputText id="#{cc.attrs.id}" value="#{cc.attrs.value}" 
                  size="#{cc.attrs.size}" /&gt;
              &lt;ui:fragment rendered="#{cc.attrs.optional eq 'optional'}"&gt;
                  &lt;span class="optional"&gt;Optional&lt;/span&gt;
              &lt;/ui:fragment&gt;
          &lt;/p&gt;
  </code></pre>
  
  <p>To use this component..</p>
  
  <pre><code>&lt;my:inputText id="firstName" label="First Name" value="#{nameTO.firstName}"/&gt;
  </code></pre>
  
  <p>When this component is rendered on the browser, the ID is of the format "firstName:firstName".</p>
  
  <pre><code>&lt;input type="text" value="" name="firstName:firstName" id="firstName:firstName" gtbfieldid="3028"&gt;
  </code></pre>
  
  <p>Is this a standard naming convention with JSF 2.0 templates? I did not get this with JSF 1.2 Facelets templates. 
  Is there any way to generate the ID as just "firstName" instead of "firstName:firstName"</p>