Radio Button Rather then DropDown

Question

Hello,
I have a column with Boolean value, I know there is a way to display column in DropDown/EditBox/Multiselect. Is it posible to display Radio Button rather than Drop Down and it should work the same way as DropDown.
- Rahul

Answer 1

Hey Rahul,
Throw the following script in a text box on your dashboard page and enable html. It'll turn any dropdown box into radio buttons.
Cheers!
-Joe
<script type="text/javascript">
var create_radios = function (debug){
     if (debug === 1) { document.write("Begining Create_radios function"+"<BR>");}
     // Get an array of all the tables
     var tables = document.getElementsByTagName('table');
     if (debug === 1) { document.write("Get tables"+"<BR>");}
     // loop over the array
     if (debug === 1) { document.write("Loop over tables"+"<BR>");}
     for (var t = 0; t < tables.length; t++){
          // Check to see if we encountered a DB Prompt
          if ( tables\[t\].className != 'DashboardPromptViewTable'){
               if (debug === 1) { document.write("Object is not a prompt.  Continue to next table."+"<BR>");}
               continue; // This table isn't a DB Prompt. Continue to the next one
          // Get an array of all the table select
          var selects = tables\[t\].getElementsByTagName('select');
          if (debug === 1) { document.write("Get selects"+"<BR>");}
          // Check to see if there are any drop downs
          if ( selects.length == undefined || selects.length == 0){
               if (debug === 1) { document.write("No selects found.  Continue to next record."+"<BR>");}
               continue; // This DB Prompt doesn't have any select statements
          if (debug === 1) { document.write("Loop over the selects"+"<BR>");}          
          // Loop over the select elements to copy the values
          for (var s =0; s < selects.length; s++){
               // Create a new form element
               var new_form = document.createElement('form');
               if (debug === 1) { document.write("Created the new form object"+"<BR>");}
               // Get all the options associated with the drop down
               var options = selects\[s\].getElementsByTagName('option');
               if (debug === 1) { document.write("Created the options array"+"<BR>");}
               // Copy over form related details
               new_form.name = selects\[s\].name+"_radio";
               new_form.id = selects\[s\].id+"_radio";
               if (debug === 1) { document.write("Copy over the name and id attributes"+"<BR>");}
               if (debug === 1) { document.write("Loop over the options."+"<BR>");}
               for (var o=0; o<options.length; o++) {
                    // Create the input object
                    var new_input = document.createElement('input');
                    if (debug === 1) { document.write("Create a new input element"+"<BR>");}
                    // Update the type to radio
                    new_input.type = 'radio';
                    if (debug === 1) { document.write("Set the type to radio."+"<BR>");}
                    // Get the value from the exisitng dropdown
                    new_input.value = options\[o\].value;
                    if (debug === 1) { document.write("Copy the value over"+"<BR>");}
                    // Set the name
                    new_input.name = selects\[s\].name+"_radio";
                    if (debug === 1) { document.write("Set the name"+"<BR>");}
                    // Set the onclick value
                    //new_input.onClick = updateDropdown(selects\[s\].id,options\[o\].value);
                    new_input.onclick = function () {
                    // get a handle to the appropriate object
                         var sel = document.getElementById(this.name.substr(0,this.name.length-6));
                         // Check if no result is found
                         if ( sel == null){
                              // No match was found
                              alert("No match on : "+this.name.substr(0,this.name.length-6));
                              return;
                         // Get the options
                         var opts = sel.getElementsByTagName('option');
                         // Loop over all the options
                         for( var opt = 0; opt < opts.length; opt++){
                              // Check if we've found the requested value
                              if( opts\[opt\].value == this.value){
                                   // We found the requested value. Set the selectedindex
                                   sel.selectedIndex = opt;
                    if (debug === 1) { document.write("Set the onClick value: updateDropdown("+selects\[s\].id+","+options\[o\].value+")<BR>");}
                    // Get the innerHTML from the existing data
                    var new_text = document.createTextNode(options\[o\].innerHTML);
                    if (debug === 1) { document.write("Set the new text object to the innerHTML"+"<BR>");}
                    // Append this to as a child to the form
                    new_form.appendChild(new_input);          
                    if (debug === 1) { document.write("Append the input element to the form"+"<BR>");}
                    // Append text as a child node to the new input object
                    new_form.appendChild(new_text);
                    if (debug === 1) { document.write("Append the text element to the form"+"<BR>");}
               } // end options for loop
               // insert the new form before the select object
               selects\[s\].parentNode.insertBefore(new_form,selects\[s\]);
               if (debug === 1) { document.write("Insert the new form into the document"+"<BR>");}
               // hide existing select statement
               selects\[s\].style.display="none";
          } // end selects for loop
     } // end table foor loop
     if (debug === 1) { document.write("Completed the create_radio function"+"<BR>");}
create_radios(0);
</script>