Menu

Action Form Notes

Action Form is a module developed by PlantAnApp for the DNN Content Management System and Development Platform. The developers at LetItShine.biz have used the Action Form module for countless projects and solutions for a number of years. The following is an modest collection of notes that we have started to record about techniques to take advantage of the strengths of this module. We record this here not to become a secondary help system for Action Form users or DNNSharp. But if you can find something here that helps you, that makes us happy too.

Return to the list

See if a Particular Option has been Checked

Test to see if one of the checkbox options has been checked.

Mark Buelsing 0 3530 Article rating: No rating

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"]

------------

Also

I think you can use the syntax

[CheckboxList].includes('Other')

in the Bind Expressions / Show of the optional field.

See my repro - here

Remove Formatting on Action Grid

Mark Buelsing 0 3293 Article rating: No rating

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>

Collapse the row with hidden fields

Mark Buelsing 0 3313 Article rating: No rating

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");

 

RSS
12345678