Using CSS, I guess. Overlay has it own class: .ui-widget-overlay, with
a specific background. You should use some of your own instead.

On Oct 7, 3:40 pm, ffromdn <[email protected]> wrote:
> here is my code :
>
> <div id='basic-modal'><h2>Basic Modal Dialog</h2>
>     <a href='#' class='basic'>Demo</a>
> </div>
>
> <div id="basic-modal-content">
>     <h3>Basic Modal Dialog</h3>
>     <table id="list4" class="scroll" cellpadding="0" cellspacing="0"></
> table>
> </div>
>
> <script type="text/javascript">
>
>     $(document).ready(function()
>     {
>         $('#basic-modal  a.basic').click(function (e)
>         {
>             $("#list4").GridUnload();
>             $('#basic-modal-content').dialog({ autoOpen: false, width:
> 700, modal: true});
>             var gridimgpath = '/css/ui-lightness/images';
>             $("#list4").jqGrid({ datatype: "local", height: 250,
>                 colNames:['Inv No','Date', 'Client',
> 'Amount','Tax','Total','Notes'],
>                 colModel:[
>                     {name:'id',index:'id', width:60, sorttype:"int"},
>                     {name:'invdate',index:'invdate', width:90,
> sorttype:"date"},
>                     {name:'name',index:'name', width:100},
>                     {name:'amount',index:'amount', width:80,
> align:"right",sorttype:"float"},
>                     {name:'tax',index:'tax', width:80,
> align:"right",sorttype:"float"},
>                     {name:'total',index:'total', width:
> 80,align:"right",sorttype:"float"},
>                     {name:'note',index:'note', width:150,
> sortable:false} ],
>                 imgpath: gridimgpath, multiselect: true, caption:
> "Manipulating Array Data" });
>             var mydata = [
>
> {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
>
> {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}
>  ];
>             for(var i=0;i<=mydata.length;i++)
>                 jQuery("#list4").addRowData(i+1,mydata[i]);
>
>           $('#basic-modal-content').dialog('open');
>
>         });
>
>     });
>
> </script>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to