When a DNN page is in edit mode, the empty window panes are unnecessarily tall and force you to scroll to see your content. You can collapse the empty panes with a little CSS.

One way is to add the following to the portal.css page

.dnnModuleManager.dnnSortable {
    min-height: 22px!important;
}

Another way is to edit the css file that has the class that is making them too tall.

httpdocs\DesktopModules\Admin\Dnn.EditBar\Resources\ContentEditorManager\Styles

Line 9  min-height: 135px !important;

Change it to 22 px

min-height: 22px !important;

And save

If you want to pop up a page on top of the current one, add the following to the end of the querystring to remove the page skin and containers.

?dnnprintmode=true&SkinSrc=%5bG%5dSkins%2f_default%2fNo+Skin&
ContainerSrc=%5bG%5dContainers%2f_default%2fNo+Container

If this is a form, add the following to have the form close when it is submitted.

&afcallparentonsubmit=angridEditDone

Say you have a checkbox field, and you want to know if a particular option has been checked. Here is the JS to do it.

Example:

Fieldname: ManagerList

Manager to test for: 33

Items currently checked: 33, 34

Syntax:   '[ManagerList]'.indexOf("33") != -1

This means, starting at position 0 in the string of chosen options, the position of the first occurance of "33" is not -1

Otherwise you could easily get

- [ManagerList] returns 33,34
- [ManagerList:JsonArray] returns ["33","34"]

Getting rid of the default formatting in Action Grid in Listing Mode

add the following classes and tweak

<style type="text/css">
.MasterClass  div.panel-heading{padding: 0px !important; border: 0px  !important;  background: white !important;}
div.panel-footer.angrid-item-buttons.ng-scope{padding:0px !important; background-color:transparent !Important;border: 0px;}
div{box-shadow: 0 0px 0px rgb(0 0 0 / 5%) !important; border: 0px !important}
</style>

Getting rid of the formatting on the grid in grid mode add the following

<style type="text/css">
.bstrap30 .table-striped>tbody>tr:nth-of-type(odd) {background-color: #ffffff;}

.bstrap30 .table>tbody>tr>td{ border-top: 0px solid #fff;}
.toggle {margin: 0px 0 0px; }

.bstrap30 .row {​ margin-right: -84px;margin-left: -22px;}

</style>

Setting fields to Display:none hides them but the row that they are in still takes up vertical space. When you want to collapse that space, add the following

Add this class to the hidden field: HideFormGroup

Add this bit of JS somewhere in the form:  $('.form-group-HideFormGroup').parent().css("display","none");