Filter menu hidden inside split pane
Hello,
we are facing a issue using the Grid control inside splitter: the filtering menu is partially hidden when the split pane containing the Grid is lower than the filter popup height (as shown in the following screenshot, I have also attached a sample application).
Is there a way to append the filter menu outside the pane (i.e. the body tag) or another way to avoid this behavior?
Thanks in advance.
Best Regards.
Paolo
Attachment: syncfusionsplittergrid_4c160b3.zip
|
actionComplete(args: any) { //actionComplete event of Grid
if (args.requestType === "filterafteropen") {
// Condition executes after the filter dialog is opened
// Retrieve the current filter dialog position
var dlgPosition = args.filterModel.dialogObj.element.getBoundingClientRect();
// document body is set as the filter dialog target
args.filterModel.dialogObj.target = document.getElementsByTagName("BODY")[0];
// The initially retrieved dialog position is set as the filter dialog positions
args.filterModel.dialogObj.position.X = dlgPosition.x;
args.filterModel.dialogObj.position.Y = dlgPosition.y;
// The filter dialog is refreshed to update the changes
args.filterModel.dialogObj.refresh();
}
|
|
Index.html
<style>
.e-checkboxfilter .e-ftrchk,
.e-checkboxfilter .e-searchbox {
padding-left: 9px !important;
}
.e-ftrchk {
padding-bottom: 9px !important;
padding-top: 9px !important;
}
.e-dialog.e-checkboxfilter {
min-height: 322px !important;
}
.e-checkboxfilter .e-dlg-content {
padding-left: 9px !important;
}
.e-dialog.e-checkboxfilter {
min-width: 250px !important;
}
.e-checkboxfilter .e-searchbox {
display: block !important;
}
.e-checkboxfilter .e-searchclear {
float: right;
position: relative;
}
.e-checkboxfilter .e-checkboxlist {
height: 200px;
margin-top: 5px;
min-height: 160px;
overflow-y: auto;
}
.e-checkboxfilter .e-chk-hidden {
-moz-appearance: none;
height: 1px;
opacity: 0;
width: 1px;
}
.e-checkboxfiltertext {
width: 150px;
word-break: normal;
}
</style>
|
Hello,
going to reopen this support request because our client asked us to have the Excel-like filtering and changing the menu type to Excel doesn't work.
Excel like filter works without the piece of code to move the filter to the body but breaks with the code
We tried also to update syncfusion packages to the latest release but the problem is still there. Any solution to have it working with the Excel filter?
Best regards.
Paolo
Attachment: excelfiltersample_20262c33.zip
