title: Display amount in format $###,###,###.## using f:convertNumber
body: <p>I would like to display the amount in <code>$12,050,999.00</code> format.</p>
  
  <p>I tried as follows:</p>
  
  <pre><code>&lt;h:outputText value="#{sampleBean.Amount}"&gt;
      &lt;f:convertNumber pattern="###,###" currencySymbol="$" type="currency"/&gt;
  &lt;/h:outputText&gt;
  </code></pre>
  
  <p>However, it didn't display the amount in the desired format. I got <code>12,050,999</code> instead.</p>
  
  <p>The desired format is shown in the below image:</p>
  
  <p><img src="https://i.stack.imgur.com/gBEir.png" alt="enter image description here"></p>
  
  <p>How can I achieve this?</p>