← Back to team overview

dhis2-devs team mailing list archive

[Branch ~dhis2-devs-core/dhis2/trunk] Rev 21191: event/tracker-capture: booleans are now changed from drop down to radio buttons

 

------------------------------------------------------------
revno: 21191
committer: Abyot Asalefew Gizaw <abyota@xxxxxxxxx>
branch nick: dhis2
timestamp: Wed 2015-11-25 11:41:52 +0100
message:
  event/tracker-capture: booleans are now changed from drop down to radio buttons
modified:
  dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-capture/views/defaultForm.html
  dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-capture/views/eventList.html
  dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/dataentry/default-form.html
  dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/dataentry/table-entry-form.html
  dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/registration/default-registration-form.html
  dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.angular.services.js


--
lp:dhis2
https://code.launchpad.net/~dhis2-devs-core/dhis2/trunk

Your team DHIS 2 developers is subscribed to branch lp:dhis2.
To unsubscribe from this branch go to https://code.launchpad.net/~dhis2-devs-core/dhis2/trunk/+edit-subscription
=== modified file 'dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-capture/views/defaultForm.html'
--- dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-capture/views/defaultForm.html	2015-11-24 16:56:51 +0000
+++ dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-capture/views/defaultForm.html	2015-11-25 10:41:52 +0000
@@ -140,17 +140,36 @@
                                 </textarea>                                              
                             </div>
                             <div ng-switch-when="BOOLEAN">
-                                <select ng-model="currentEvent[eventGridColumn.id]"                                                                
-                                        ng-required={{eventGridColumn.compulsory}}
-                                        ng-disabled="assignedFields[eventGridColumn.id]"
-                                        name="foo" 
-                                        input-field-id={{eventGridColumn.id}} 
-                                        ng-change="saveDatavalue()" 
-                                        class="form-control">
-                                <option value="">{{pleaseSelectLabel}}</option>                        
-                                <option value="false">{{'no'| translate}}</option>
-                                <option value="true">{{'yes'| translate}}</option>
-                                </select>
+                                <label class="radio-inline">
+                                    <input  type="radio" 
+                                            ng-model="currentEvent[eventGridColumn.id]"                                                                
+                                            ng-required={{eventGridColumn.compulsory}}
+                                            ng-disabled="assignedFields[eventGridColumn.id]"
+                                            input-field-id={{eventGridColumn.id}} 
+                                            ng-change="saveDatavalue()" 
+                                           value=""> 
+                                    {{'no_value'| translate}}
+                                </label>
+                                <label class="radio-inline">
+                                    <input  type="radio" 
+                                            ng-model="currentEvent[eventGridColumn.id]"                                                                
+                                            ng-required={{eventGridColumn.compulsory}}
+                                            ng-disabled="assignedFields[eventGridColumn.id]"
+                                            input-field-id={{eventGridColumn.id}} 
+                                            ng-change="saveDatavalue()" 
+                                           value="true"> 
+                                    {{'yes'| translate}}
+                                </label>
+                                <label class="radio-inline">
+                                    <input  type="radio" 
+                                            ng-model="currentEvent[eventGridColumn.id]"                                                                
+                                            ng-required={{eventGridColumn.compulsory}}
+                                            ng-disabled="assignedFields[eventGridColumn.id]"
+                                            input-field-id={{eventGridColumn.id}} 
+                                            ng-change="saveDatavalue()" 
+                                           value="false"> 
+                                    {{'no'| translate}}
+                                </label>
                             </div>
                             <div ng-switch-when="DATE">
                                 <input type="text"                                                                
@@ -386,17 +405,36 @@
                                     </textarea>                                             
                                 </div>
                                 <div ng-switch-when="BOOLEAN">
-                                    <select ng-model="currentEvent[de.dataElement.id]"                                                 
-                                            ng-required={{prStDes[de.dataElement.id].compulsory}}
-                                            ng-disabled="assignedFields[de.dataElement.id]"
-                                            name="foo" 
-                                            input-field-id={{de.dataElement.id}} 
-                                            ng-change="saveDatavalue()" 
-                                            class="form-control">
-                                        <option value="">{{pleaseSelectLabel}}</option>                        
-                                        <option value="false">{{'no'| translate}}</option>
-                                        <option value="true">{{'yes'| translate}}</option>
-                                    </select>
+                                    <label class="radio-inline">
+                                        <input type="radio" 
+                                            ng-model="currentEvent[de.dataElement.id]"                                                 
+                                            ng-required={{prStDes[de.dataElement.id].compulsory}}
+                                            ng-disabled="assignedFields[de.dataElement.id]"
+                                            input-field-id={{de.dataElement.id}} 
+                                            ng-change="saveDatavalue()">
+                                            value="">
+                                        {{'no_value'| translate}}
+                                    </label>
+                                    <label class="radio-inline">
+                                        <input type="radio" 
+                                            ng-model="currentEvent[de.dataElement.id]"                                                 
+                                            ng-required={{prStDes[de.dataElement.id].compulsory}}
+                                            ng-disabled="assignedFields[de.dataElement.id]"
+                                            input-field-id={{de.dataElement.id}} 
+                                            ng-change="saveDatavalue()">
+                                            value="true">
+                                        {{'yes'| translate}}
+                                    </label>
+                                    <label class="radio-inline">
+                                        <input type="radio" 
+                                            ng-model="currentEvent[de.dataElement.id]"                                                 
+                                            ng-required={{prStDes[de.dataElement.id].compulsory}}
+                                            ng-disabled="assignedFields[de.dataElement.id]"
+                                            input-field-id={{de.dataElement.id}} 
+                                            ng-change="saveDatavalue()">
+                                            value="false">
+                                        {{'no'| translate}}
+                                    </label>
                                 </div>
                                 <div ng-switch-when="DATE">
                                     <input type="text"                                                                

=== modified file 'dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-capture/views/eventList.html'
--- dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-capture/views/eventList.html	2015-11-23 09:52:35 +0000
+++ dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-event-capture/views/eventList.html	2015-11-25 10:41:52 +0000
@@ -277,16 +277,36 @@
                                                                ng-class="getInputNotifcationClass(eventGridColumn.id,false)"/>                                                    
                                                 </div>                                        
                                                 <div ng-switch-when="BOOLEAN">
-                                                    <select ng-model="currentEvent[eventGridColumn.id]" 
-                                                            ng-change="updateEventDataValue(dhis2Event, eventGridColumn.id)" 
-                                                            ng-required={{eventGridColumn.compulsory}}
-                                                            input-field-id={{eventGridColumn.id}} 
-                                                            name="foo" 
-                                                            ng-class="getInputNotifcationClass(eventGridColumn.id,false)">
-                                                        <option value="">{{pleaseSelectLabel}}</option>                        
-                                                        <option value="false">{{noLabel}}</option>
-                                                        <option value="true">{{yesLabel}}</option>
-                                                    </select>
+                                                    <label class="radio-inline">
+                                                        <input  type="radio"                                                                 
+                                                                ng-model="currentEvent[eventGridColumn.id]"                                                                
+                                                                ng-required={{eventGridColumn.compulsory}}
+                                                                ng-disabled="assignedFields[eventGridColumn.id]"
+                                                                input-field-id={{eventGridColumn.id}} 
+                                                                ng-change="saveDatavalue()" 
+                                                               value=""> 
+                                                        {{'no_value'| translate}}
+                                                    </label>
+                                                    <label class="radio-inline">
+                                                        <input  type="radio" 
+                                                                ng-model="currentEvent[eventGridColumn.id]"                                                                
+                                                                ng-required={{eventGridColumn.compulsory}}
+                                                                ng-disabled="assignedFields[eventGridColumn.id]"
+                                                                input-field-id={{eventGridColumn.id}} 
+                                                                ng-change="saveDatavalue()" 
+                                                               value="true"> 
+                                                        {{'yes'| translate}}
+                                                    </label>
+                                                    <label class="radio-inline">
+                                                        <input  type="radio" 
+                                                                ng-model="currentEvent[eventGridColumn.id]"                                                                
+                                                                ng-required={{eventGridColumn.compulsory}}
+                                                                ng-disabled="assignedFields[eventGridColumn.id]"
+                                                                input-field-id={{eventGridColumn.id}} 
+                                                                ng-change="saveDatavalue()" 
+                                                               value="false"> 
+                                                        {{'no'| translate}}
+                                                    </label>                                                    
                                                 </div>
                                                 <div ng-switch-when="DATE">
                                                     <input type="text" 
@@ -321,7 +341,6 @@
                                                            ng-change="updateEventDataValue(dhis2Event, eventGridColumn.id)" 
                                                            ng-required={{eventGridColumn.compulsory}} 
                                                            input-field-id={{eventGridColumn.id}} 
-                                                           ng-class="getInputNotifcationClass(eventGridColumn.id,false)"
                                                            name="foo"/>
                                                 </div>
                                                 <div ng-switch-when="FILE_RESOURCE">                                

=== modified file 'dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/dataentry/default-form.html'
--- dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/dataentry/default-form.html	2015-11-24 16:56:51 +0000
+++ dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/dataentry/default-form.html	2015-11-25 10:41:52 +0000
@@ -145,17 +145,33 @@
                                     name="foo"/>                            
                         </div>
                         <div ng-switch-when="BOOLEAN">
-                            <select ng-class="getInputNotifcationClass(prStDe.dataElement.id,false, currentEvent)"
-                                    class="form-control"
-                                    ng-model="currentEvent[prStDe.dataElement.id]" 
-                                    ng-required={{prStDe.compulsory}} 
-                                    ng-disabled="selectedEnrollment.status !== 'ACTIVE' || currentEvent.editingNotAllowed || assignedFields[prStDe.dataElement.id]" 
-                                    ng-change="saveDatavalue(prStDe, innerForm.foo)" 
-                                    name="foo">
-                                <option value="">{{'please_select'| translate}}</option>                        
-                                <option value="false">{{'no'| translate}}</option>
-                                <option value="true">{{'yes'| translate}}</option>
-                            </select>
+                            <label class="radio-inline">
+                                <input  type="radio" 
+                                        ng-model="currentEvent[prStDe.dataElement.id]" 
+                                        ng-required={{prStDe.compulsory}} 
+                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || currentEvent.editingNotAllowed || assignedFields[prStDe.dataElement.id]" 
+                                        ng-change="saveDatavalue(prStDe, innerForm.foo)" 
+                                       value=""> 
+                                {{'no_value'| translate}}
+                            </label>
+                            <label class="radio-inline">
+                                <input  type="radio" 
+                                        ng-model="currentEvent[prStDe.dataElement.id]" 
+                                        ng-required={{prStDe.compulsory}} 
+                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || currentEvent.editingNotAllowed || assignedFields[prStDe.dataElement.id]" 
+                                        ng-change="saveDatavalue(prStDe, innerForm.foo)" 
+                                       value="true"> 
+                                {{'yes'| translate}}
+                            </label>
+                            <label class="radio-inline">
+                                <input  type="radio" 
+                                        ng-model="currentEvent[prStDe.dataElement.id]" 
+                                        ng-required={{prStDe.compulsory}} 
+                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || currentEvent.editingNotAllowed || assignedFields[prStDe.dataElement.id]" 
+                                        ng-change="saveDatavalue(prStDe, innerForm.foo)" 
+                                       value="false"> 
+                                {{'no'| translate}}
+                            </label>
                         </div>
                         <div ng-switch-when="DATE">
                             <input type="text" 
@@ -351,17 +367,33 @@
                                                    name="foo"/>
                                         </div>
                                         <div ng-switch-when="BOOLEAN">
-                                            <select class="form-control"
-                                                    ng-class="getInputNotifcationClass(prStDes[de.dataElement.id].dataElement.id,false, currentEvent)"
-                                                    ng-model="currentEvent[prStDes[de.dataElement.id].dataElement.id]" 
-                                                    ng-required={{prStDes[de.dataElement.id].compulsory}} 
-                                                    ng-disabled="selectedEnrollment.status !== 'ACTIVE' || currentEvent.editingNotAllowed || assignedFields[de.dataElement.id]" 
-                                                    ng-change="saveDatavalue(prStDes[de.dataElement.id])" 
-                                                    name="foo">
-                                                <option value="">{{'please_select'| translate}}</option>                        
-                                                <option value="false">{{'no'| translate}}</option>
-                                                <option value="true">{{'yes'| translate}}</option>
-                                            </select>
+                                            <label class="radio-inline">
+                                                <input  type="radio"
+                                                        ng-model="currentEvent[prStDes[de.dataElement.id].dataElement.id]" 
+                                                        ng-required={{prStDes[de.dataElement.id].compulsory}} 
+                                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || currentEvent.editingNotAllowed || assignedFields[de.dataElement.id]" 
+                                                        ng-change="saveDatavalue(prStDes[de.dataElement.id])" 
+                                                       value=""> 
+                                                {{'no_value'| translate}}
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input  type="radio"
+                                                        ng-model="currentEvent[prStDes[de.dataElement.id].dataElement.id]" 
+                                                        ng-required={{prStDes[de.dataElement.id].compulsory}} 
+                                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || currentEvent.editingNotAllowed || assignedFields[de.dataElement.id]" 
+                                                        ng-change="saveDatavalue(prStDes[de.dataElement.id])" 
+                                                       value="true"> 
+                                                {{'yes'| translate}}
+                                            </label>
+                                            <label class="radio-inline">
+                                                <input  type="radio"                                                         
+                                                        ng-model="currentEvent[prStDes[de.dataElement.id].dataElement.id]" 
+                                                        ng-required={{prStDes[de.dataElement.id].compulsory}} 
+                                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || currentEvent.editingNotAllowed || assignedFields[de.dataElement.id]" 
+                                                        ng-change="saveDatavalue(prStDes[de.dataElement.id])" 
+                                                       value="false"> 
+                                                {{'no'| translate}}
+                                            </label>
                                         </div>
                                         <div ng-switch-when="DATE">
                                             <input type="text" 

=== modified file 'dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/dataentry/table-entry-form.html'
--- dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/dataentry/table-entry-form.html	2015-11-22 20:50:10 +0000
+++ dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/dataentry/table-entry-form.html	2015-11-25 10:41:52 +0000
@@ -159,17 +159,33 @@
                                     name="foo"/>                 
                         </div>
                         <div ng-switch-when="BOOLEAN">
-                            <select ng-class='getInputNotifcationClass(prStDe.dataElement.id,false)'
-                                    class="form-control"
-                                    ng-model="eventRow[prStDe.dataElement.id]" 
-                                    ng-required={{prStDe.compulsory}} 
-                                    ng-disabled="selectedEnrollment.status !== 'ACTIVE' || eventRow.editingNotAllowed || assignedFields[prStDe.dataElement.id] " 
-                                    ng-change="saveDatavalue(prStDe, innerForm.foo)" 
-                                    name="foo">
-                                <option value="">{{'please_select'| translate}}</option>                        
-                                <option value="false">{{'no'| translate}}</option>
-                                <option value="true">{{'yes'| translate}}</option>
-                            </select>
+                            <label class="radio-inline">
+                                <input  type="radio"
+                                        ng-model="eventRow[prStDe.dataElement.id]" 
+                                        ng-required={{prStDes[de.dataElement.id].compulsory}} 
+                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || eventRow.editingNotAllowed || assignedFields[de.dataElement.id]" 
+                                        ng-change="saveDatavalue(prStDes[de.dataElement.id])" 
+                                       value=""> 
+                                {{'no_value'| translate}}
+                            </label>
+                            <label class="radio-inline">
+                                <input  type="radio"
+                                        ng-model="eventRow[prStDe.dataElement.id]" 
+                                        ng-required={{prStDes[de.dataElement.id].compulsory}} 
+                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || eventRow.editingNotAllowed || assignedFields[de.dataElement.id]" 
+                                        ng-change="saveDatavalue(prStDes[de.dataElement.id])" 
+                                       value="true"> 
+                                {{'yes'| translate}}
+                            </label>
+                            <label class="radio-inline">
+                                <input  type="radio"                                                         
+                                        ng-model="eventRow[prStDe.dataElement.id]" 
+                                        ng-required={{prStDes[de.dataElement.id].compulsory}} 
+                                        ng-disabled="selectedEnrollment.status !== 'ACTIVE' || eventRow.editingNotAllowed || assignedFields[de.dataElement.id]" 
+                                        ng-change="saveDatavalue(prStDes[de.dataElement.id])" 
+                                       value="false"> 
+                                {{'no'| translate}}
+                            </label>                            
                         </div>
                         <div ng-switch-when="DATE">
                             <input type="text" 

=== modified file 'dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/registration/default-registration-form.html'
--- dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/registration/default-registration-form.html	2015-11-05 18:53:30 +0000
+++ dhis-2/dhis-web/dhis-web-apps/src/main/webapp/dhis-web-tracker-capture/components/registration/default-registration-form.html	2015-11-25 10:41:52 +0000
@@ -58,21 +58,45 @@
                                ng-required="attribute.mandatory || attribute.unique"/>
                     </span>
                     <span ng-switch-when="BOOLEAN">
-                        <select name="foo" 
-                                ng-model="selectedTei[attribute.id]" 
-                                ng-model-options="{ updateOn: 'blur', allowInvalid: true }" 
-                                d2-attribute-validator 
-                                attribute-data={{attribute}}
-                                selected-program-id={{selectedProgram.id}}  
-                                selected-tei-id={{selectedTei.trackedEntityInstance}}  
-                                class="form-control" 
-                                ng-disabled="editingDisabled" 
-                                ng-change="teiValueUpdated(selectedTei, attribute.id)"
-                                ng-required="attribute.mandatory || attribute.unique">
-                            <option value="">{{'please_select'| translate}}</option>                        
-                            <option value="false">{{'no'| translate}}</option>
-                            <option value="true">{{'yes'| translate}}</option>
-                        </select>
+                        <label class="radio-inline">
+                            <input  type="radio"
+                                    ng-model="selectedTei[attribute.id]" 
+                                    d2-attribute-validator 
+                                    attribute-data={{attribute}}
+                                    selected-program-id={{selectedProgram.id}}  
+                                    selected-tei-id={{selectedTei.trackedEntityInstance}} 
+                                    ng-disabled="editingDisabled" 
+                                    ng-change="teiValueUpdated(selectedTei, attribute.id)"
+                                    ng-required="attribute.mandatory || attribute.unique" 
+                                    value=""> 
+                            {{'no_value'| translate}}
+                        </label>
+                        <label class="radio-inline">
+                            <input  type="radio"
+                                    ng-model="selectedTei[attribute.id]" 
+                                    d2-attribute-validator 
+                                    attribute-data={{attribute}}
+                                    selected-program-id={{selectedProgram.id}}  
+                                    selected-tei-id={{selectedTei.trackedEntityInstance}} 
+                                    ng-disabled="editingDisabled" 
+                                    ng-change="teiValueUpdated(selectedTei, attribute.id)"
+                                    ng-required="attribute.mandatory || attribute.unique" 
+                                    value="true"> 
+                            {{'yes'| translate}}
+                        </label>
+                        <label class="radio-inline">
+                            <input  type="radio"                                                         
+                                    ng-model="selectedTei[attribute.id]" 
+                                    d2-attribute-validator 
+                                    attribute-data={{attribute}}
+                                    selected-program-id={{selectedProgram.id}}  
+                                    selected-tei-id={{selectedTei.trackedEntityInstance}} 
+                                    ng-disabled="editingDisabled" 
+                                    ng-change="teiValueUpdated(selectedTei, attribute.id)"
+                                    ng-required="attribute.mandatory || attribute.unique" 
+                                    value="false"> 
+                            {{'no'| translate}}
+                        </label>                        
                     </span>                    
                     <span ng-switch-when="NUMBER">
                         <input type="number" 

=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.angular.services.js'
--- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.angular.services.js	2015-11-20 22:46:15 +0000
+++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/dhis2/dhis2.angular.services.js	2015-11-25 10:41:52 +0000
@@ -402,15 +402,10 @@
                                                 ' ng-blur="saveDatavalue(prStDes.' + fieldId + ', outerForm.' + fieldId + ')"' +
                                                 commonInputFieldProperty + ' >';
                                     }
-                                    else if (prStDe.dataElement.valueType === "BOOLEAN") {
-                                        newInputField = '<select ' +
-                                                ' ng-change="saveDatavalue(prStDes.' + fieldId + ', outerForm.' + fieldId + ')" ' +
-                                                ' ng-class="{{getInputNotifcationClass(prStDes.' + fieldId + '.dataElement.id, true)}}" ' +
-                                                commonInputFieldProperty + '>' +
-                                                '<option value="">{{\'please_select\'| translate}}</option>' +
-                                                '<option value="false">{{\'no\'| translate}}</option>' +
-                                                '<option value="true">{{\'yes\'| translate}}</option>' +
-                                                '</select> ';
+                                    else if (prStDe.dataElement.valueType === "BOOLEAN") {                                    	
+                                    	newInputField = '<label class="radio-inline"><input type="radio" ng-change="saveDatavalue()" ' + commonInputFieldProperty + ' value="">{{\'no_value\'| translate}}</label>' + 
+                                    					'<label class="radio-inline"><input type="radio" ng-change="saveDatavalue()" ' + commonInputFieldProperty + ' value="true">{{\'yes\'| translate}}</label>' +
+                                    					'<label class="radio-inline"><input type="radio" ng-change="saveDatavalue()" ' + commonInputFieldProperty + ' value="false">{{\'no\'| translate}}</label>';                                   					
                                     }
                                     else if (prStDe.dataElement.valueType === "DATE") {
                                         var maxDate = prStDe.allowFutureDate ? '' : 0;
@@ -532,13 +527,9 @@
                                             commonInputFieldProperty + ' >';
                                 }
                                 else if (att.valueType === "BOOLEAN") {
-                                    newInputField = '<select ' +
-                                            ' ng-change="teiValueUpdated(selectedTei,\'' + attId + '\')" ' +
-                                            commonInputFieldProperty + ' > ' +
-                                            ' <option value="">{{\'please_select\'| translate}}</option>' +
-                                            ' <option value="false">{{\'no\'| translate}}</option>' +
-                                            ' <option value="true">{{\'yes\'| translate}}</option>' +
-                                            '</select> ';
+                                	newInputField = '<label class="radio-inline"><input type="radio" ng-change="teiValueUpdated(selectedTei,\'' + attId + '\')" ' + commonInputFieldProperty + ' value="">{{\'no_value\'| translate}}</label>' + 
+				                					'<label class="radio-inline"><input type="radio" ng-change="teiValueUpdated(selectedTei,\'' + attId + '\')" ' + commonInputFieldProperty + ' value="true">{{\'yes\'| translate}}</label>' +
+				                					'<label class="radio-inline"><input type="radio" ng-change="teiValueUpdated(selectedTei,\'' + attId + '\')" ' + commonInputFieldProperty + ' value="false">{{\'no\'| translate}}</label>';
                                 }
                                 else if (att.valueType === "DATE") {
                                     newInputField = '<input  type="text" ' +