Arturo Zambrano added a comment - 06/Aug/13 10:21 AM - edited Committed new feature at revision 37307. Added new 'handle' attribute to specify which element(s) inside the dialog will be used as the handle(s), instead of the header. It wasn't feasible to add a facet for custom header rendering. We don't render the header ourselves; the jQueryUI widget only takes a header string and a boolean option for the close button in the configuration object, and it adds the necessary nodes to the dialog. For this specific customer, the usage could be like this: <ace:dialog handle= ".myHeader" showHeader= " false " styleClass= "noPadding" ... > <div class= "myHeader" style= "height:50px;cursor:move;" > <!-- custom header content --> </div> <!-- dialog body --> </ace:dialog> The following styling rule would be necessary to remove all the paddings inside the dialog: .noPadding, .noPadding .ui-dialog-content { padding:0; }

Arturo Zambrano added a comment - 08/Aug/13 10:18 AM As per Mark's input, the approach to solve this issue was changed from adding a 'handle' attribute to supporting a 'header' facet. This change was committed at revision 37335. This is a new example of how the feature is issued. You can disregard the example in the previous comment. <ace:dialog draggable= " true " width= "400" > <f:facet name= "header" > <h:outputText value= "Custom Header" /> </f:facet> ... </ace:dialog> The same class name 'ui-dialog-titlebar' will be used for the custom header, so it will show the 'move' cursor.