Menu

Solutions to Problems or Custom Needs in a Website

Many solutions we create for one site can be used and appreciated on other sites also.

Have a look at this list of components and solutions we have developed over time and if you could benefit from any of them you are welcome to them.

Please let us know if you would like to discuss the details or would like some help getting one installed.

See if a Particular Option has been Checked

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

Mark Buelsing 0 150 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"]

Collapse the row with hidden fields

Mark Buelsing 0 154 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");

 

Set the value of Dropdown with Auto Complete

Mark Buelsing 0 163 Article rating: No rating

Use this function to set the value of a dropdown with auto complete

function setAutocompletCurrentValue(id, value) {
   $(id).val(value);
   var textToShow = $(id).find(":selected").text();
   $(id).parent().find("span").find("input").val(textToShow);
}

Called like this:

setAutocompletCurrentValue(dnn843GCSFieldName, 'test');

Notes:

The value you set it to must be a correct choice for the control from its dataset,

Not sure if the single quotes are needed or not.

Prevent a Form Submit

Mark Buelsing 0 0 Article rating: No rating

To prevent a page refresh you have 3 options:

If you are working with a button.

1. return false  - on change/click  - which will stop execution of all actions on the button (as the on change/click javascript executes first)

2. return false; - but move it from the on change/click area to an Execute JavaScript action which you place as the last action on the submit button

3. Update Form AJAX as the last action on the button; this will submit and then refresh your form without refreshing the page.

RSS
1234
RSS
1234