JQuery DataTables Редактируемая формаAddNewRow выравнивание

Я использую JQuery-DataTables-Editable-1.3 вместе с DataTables-1.9.4. Я могу добавить add_delete_toolbar. Однако при нажатии кнопки добавления formAddNewRow не выравнивается по центру страницы. Искал и перепробовал множество комбинаций.

$('#example').dataTable( {
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                "bProcessing": true,
                "bServerSide": true,                    
                "sAjaxSource": "scripts/prgrm_mstr.php",
                "aoColumns": [
                      { "mData": "0", sDefaultContent: "" },
                      { "mData": "1", sDefaultContent: "" }
                    ]                   
            } ).makeEditable({
                        sUpdateURL: function(value, settings)
                                         {
                                               return(value); //Simulation of server-side response using a callback function
                                         },
                        sAddURL: "scripts/AddData.php",                         
                        sDeleteURL: "scripts/DeleteData.php",
                        sAddDeleteToolbarSelector: ".dataTables_length",
                                oAddNewRowButtonOptions: {  label: "Add...",
                                                icons: {primary:'ui-icon-plus'} 
                                },
                                oDeleteRowButtonOptions: {  label: "Delete",
                                                icons: {primary:'ui-icon-trash'}
                                },
                                oAddNewRowFormOptions: {    
                                                title: 'Add a new program',
                                                show: "blind",
                                                hide: "blind",
                                                modal: true                                                 
                                }                                   
            });

Форма следующая -

<form id="formAddNewRow" action="#" title="Add new record">
                <label for="prgrm_id">Program ID</label>
                <input type="text" name="prgrm_id" id="prgrm_id" class="required" rel="0" />
                <label for="prgrm_nm">Program Name</label>
                <input type="text" name="prgrm_nm" id="prgrm_nm" class="required" rel="0" />
        </form>

person Sasmit    schedule 13.01.2013    source источник


Ответы (1)


Мне удалось внести следующие изменения css:

.ui-dialog { margin-top:-300px;margin-left:400px;}
person Sasmit    schedule 14.01.2013