What settings should I do to eliminate the whitespace between igDialog and its content.
I have an igGrid inside and igDialog, and i see WhiteSpace.
Thank
Here is my settings on dialog window and iggrid.
I used the page designer to design the dialog and place the grid.
$("#dialog1").igDialog({ minWidth: 250, minHeight: 200, pinOnMinimized: false, trackFocus:false, closeOnEscape: false, enableDblclick: "false", showFooter: true, showHeader: true, showMaximizeButton: true, showPinButton: true, showMinimizeButton: true, width: 600, height: 400, headerText: ui.node.data.PageName, draggable: true });
$("#grid1").igGrid({ showFooter: true, showHeader: true, autoAdjustHeight: true, width: "100%", height: "100%", renderCheckboxes: true, autoGenerateColumns: false, columns: [.... ], features: [ { name: "Filtering" }, { name: "Paging", showPageSizeDropDown: false }, { name: "Sorting" }, { name: "Selection", inherit: true } ] });
Hello CR,
Thank you for contacting us.
The white space you see is due to the default style of the igDialog. It has a padding for the content. In order to remove it you can overwrite the CSS style like this:
.ui-igdialog .ui-igdialog-content, .ui-igdialog-content{
padding: 0;
}
Please try my suggestion and let me know if you have further questions.
Best Regards, Marina Stoyanova, Software Developer, Infragistics, Inc.