Jquery customizing dialogue box for validations messages,

Question

Hi everyone,
I create a new template label with this script:
<script type="text/javascript">
$('#errdialog').find('ul').append($('<li/>',{text:'#ERROR_MESSAGE#'}));
</script>
I'm using this function to create a
dialogue box on my apex application:
Page HTML header
<script type="text/javascript">
$(function(){
if($('#errdialog').find('li').length>0){
$('#errdialog').dialog({
modal:true,resizable:false,
buttons:{"Ok":function(){$(this).dialog("close")}}
</script>
And this html code in Page Header Text:
<div id="errdialog" title="Validation Error !" style="display:none"><ul/></div>
What I would like to do is to customize this dialogue box.
For instance in my app the box background it's gray, it's text are black,
and the upper banner it's a darker gray. I would like to be able to change
it all and put a html button as an ok to close the box.
Edited by: 907910 on 29/02/2012 15:10

Answer 1

Thanks, Scott for the material, the problem is
that I know very little about html css and jquery,
and I have to end my apex application by monday.
I've already look into the documentation, but I can't
modify my dialog box.
Can you give me a example how to customize the dialog box?