comparison core.js @ 1182:b7bf91ac6d01

Bug #1562: Checkbox and radios will be center aligned, left justified. Also solves issue #1571. Only tested in OSX Chrome!

             } else {
                 textArea.value = node.response;
             }
 			this.popupResponse.appendChild(textArea);
 			textArea.focus();
+            this.popupResponse.style.textAlign="center";
+            this.popupResponse.style.left="0%";
 		} else if (node.specification.type == 'checkbox') {
             if (node.response == undefined) {
                 node.response = Array(node.specification.options.length);
             }
             var index = 0;
+            var max_w = 0;
 			for (var option of node.specification.options) {
 				var input = document.createElement('input');
 				input.id = option.name;
 				input.type = 'checkbox';
 				var span = document.createElement('span');

                 if (node.response[index] != undefined){
                     if (node.response[index].checked == true) {
                         input.checked = "true";
                     }
                 }
+                var w = $(span).width();
+                if (w > max_w)
+                    max_w = w;
                 index++;
 			}
+            max_w += 12;
+            this.popupResponse.style.textAlign="";
+            var leftP = ((max_w/500)/2)*100;
+            this.popupResponse.style.left=leftP+"%";
 		} else if (node.specification.type == 'radio') {
             if (node.response == undefined) {
                 node.response = {name: "", text: ""};
             }
             var index = 0;
+            var max_w = 0;
 			for (var option of node.specification.options) {
 				var input = document.createElement('input');
 				input.id = option.name;
 				input.type = 'radio';
 				input.name = node.specification.id;

 				hold.appendChild(span);
 				this.popupResponse.appendChild(hold);
                 if (input.id == node.response.name) {
                     input.checked = "true";
                 }
-			}
+                var w = $(span).width();
+                if (w > max_w)
+                    max_w = w;
+			}
+            max_w += 12;
+            this.popupResponse.style.textAlign="";
+            var leftP = ((max_w/500)/2)*100;
+            this.popupResponse.style.left=leftP+"%";
 		} else if (node.specification.type == 'number') {
 			var input = document.createElement('input');
 			input.type = 'textarea';
 			if (node.min != null) {input.min = node.specification.min;}
 			if (node.max != null) {input.max = node.specification.max;}
 			if (node.step != null) {input.step = node.specification.step;}
             if (node.response != undefined) {
                 input.value = node.response;
             }
 			this.popupResponse.appendChild(input);
+            this.popupResponse.style.textAlign="center";
+            this.popupResponse.style.left="0%";
 		}
 		if(this.currentIndex+1 == this.popupOptions.length) {
 			if (this.node.location == "pre") {
 				this.buttonProceed.textContent = 'Start';
 			} else {