Skip to content

Center Edit Form and Display Scroll Bar in Bootstrap Theme

← Datagrid Display
The scrolling behavior is a little different in the Bootstrap theme than jquery UI theme.

The following CSS will center the edit form and show y scroll when is outside the current window view

.ui-jqdialog.ui-jqgrid-bootstrap {
    display: block;
    position: absolute;
    overflow: visible;
    left: 30% !important;
    top: 30% !important;
    padding: .2em;
} 

This solution is for "bootstrap" theme, not necessary for other themes 

Feedback and Knowledge Base

(thinking…)