Fix the Display of ComboBoxes, ListBoxes and Radio Button/Checkbox Groups in Read Mode with Dojo

Language

JavaScript (Client)

Tags

Author

Brad Balassaitis

Submitted on

July 24, 2013 at 8:14 AM

Rating

Downloads

104

Notes

This is version 2. This snippet uses client-side javascript (dojo) to fix the display of all comboboxes and radio button groups as well as single-value and multi-valued checkbox groups and listboxes in read mode. It can be run in the onClientLoad event of a page to fix all instances in one fell swoop, because the output is similar for all of these cases.

Notes:
>> Update the name of the document in line 1 to match the name of the document on your page.
>> This code assumes that your control is already nested in a table cell. If that's not the case, you can refine the selector in line 3.
>> If you run into conflicts with this affecting other tables in your page (if other tables happen to have ids), you may need to refine the selector in line 3.

More information on the final version is in a blog post here: http://xcellerant.net/fixing-the-display-of-comboboxes-rbs-cbs-listboxes-in-read-mode-with-dojo/

More information on the initial version is in a blog post here: http://xcellerant.net/xpages-tip-fixing-the-display-of-comboboxes-in-read-mode/

if("#{javascript:document1.isEditable()}" == "false"){
 
  dojo.query('table td table[id]').forEach(function(node) {
    var value = '';
 
    // Get the value out of all cells in the nested table and concatenate them
    dojo.query('td', node).forEach(function(innerNode) {
      value += innerNode.innerHTML + ', ';
    });
 
    // Replace the table with only the value(s) (or a blank), but cut off the trailing comma
    node.outerHTML = value.substring(0, value.length-2);
  });
}

All code submitted to OpenNTF XSnippets, whether submitted as a "Snippet" or in the body of a Comment, is provided under the Apache License Version 2.0. See Terms of Use for full details.

No comments yetLogin first to comment...