title: Controlling position attribute of a Primefaces Dialog from some central point
body: <p>I found this code which positions a PrimeFaces dialog in the top left corner in our project:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;p:dialog styleClass=&quot;dialog-top-left&quot; ...&gt;
  </code></pre>
  <p>and in the .css file:</p>
  <pre class="lang-css prettyprint-override"><code>.top-left-dialog {
    top: 10px !important;
    left: 10px !important; 
  }
  </code></pre>
  <p>Now this is clearly wrong (it prevents the dialog from being dragable), you should actually do it like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;p:dialog position=&quot;top, left&quot; ...&gt;
  </code></pre>
  <p>However, the incorrect version using CSS has a nice advantage: I can just change the CSS to change the positioning of all of my dialogs that have the <code>dialog-top-left</code> class. Is there a way to also control the <code>position = </code> attribute from some central point (like the .css file for the CSS variant)?</p>