title: PrimeFaces CSS look'n'feel missing and JS "Uncaught Reference Error: PrimeFaces is not defined"
body: <p>I am trying to use Picklist from Primefaces. When the page is rendered, the javascript engine in Chrome cannot find Primefaces object. I get the following error 'Uncaught ReferenceError: PrimeFaces is not defined'. Am I missing to include any resource (js) in my .xhtml file? Please advise. Thanks.</p>
  
  <p>Xhtml</p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css"
      href="../jquery-ui-1.8.23.custom/css/ui-lightness/jquery-ui-1.8.23.custom.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/form.css" media="all" /&gt;
  &lt;script src="../jquery-ui-1.8.23.custom/js/jquery-1.8.0.min.js"&gt;&lt;/script&gt;
  &lt;script
      src="../jquery-ui-1.8.23.custom/js/jquery-ui-1.8.23.custom.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;h:body&gt;
  &lt;form id="form_486588" class="appnitro" method="post"&gt;
              &lt;div class="form_description"&gt;&lt;/div&gt;
              &lt;p:pickList id="pickList" value="#{editorsMB.editors}" var="editor"
                  itemLabel="#{editor}" itemValue="#{editor}" /&gt;
              &lt;p:commandButton id="citySubmit" value="Submit"
                  style="margin-top:5px" /&gt;
          &lt;/form&gt;
  &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Managed bean</p>
  
  <pre><code>import java.util.ArrayList;
  import java.util.List;
  import javax.faces.bean.ManagedBean;
  import javax.faces.bean.SessionScoped;
  import org.primefaces.model.DualListModel;
  
  @ManagedBean(name = "editorsMB")
  @SessionScoped
  public class AdminEditorsBean {
  
      private DualListModel&lt;String&gt; editors;  
  
      public AdminEditorsBean(){
      List&lt;String&gt; adminsSource = new ArrayList&lt;String&gt;();  
      List&lt;String&gt; adminsTarget = new ArrayList&lt;String&gt;();  
  
      adminsSource.add("aaa");  
      adminsTarget.add("target1");
      editors = new DualListModel&lt;String&gt;(adminsSource, adminsTarget);  
      }
  
      public DualListModel&lt;String&gt; getEditors() {  
          return editors;    
  }  
      public void setEditors(DualListModel&lt;String&gt; editors) {  
          this.editors = editors;  
      }  
  
  }
  </code></pre>