The ‘Consent Date’ should display the default value as the current date and time. Ensure that the control type in the consent custom fields form is updated to ‘Date and Time’.
In the consent HTML, the code for the ‘Consent Date’ field needs to be updated as below: Code Block |
---|
| <div class="clearfix">
<div style="width: 45%; float: left; clear: left;">
<div class="col-xs-8 os-no-left-padding">
<div user-input field="ectx.customFields.consentDate" type="date-time">
<os-date-picker name="consentDate" date="ectx.customFields.consentDate" default-current-date ng-disabled="1 != 0"></os-date-picker>
</div>
</div>
<div class="col-xs-4 os-no-left-padding">
<timepicker class="os-time-no-wheels" ng-model="ectx.customFields.consentDate" show-meridian="false" readonly-input="true"></timepicker>
</div>
<div os-field-error field="econsentForm.consentDate"></div>
</div>
</div> |
The ‘os-date-picker’ sets the value to the current date and the time picker allows the display of the current timestamp. 2. Add consent statement with the default value set and hidden on the overview page Code Block |
---|
<div consent-question="C0003">
<input type="hidden" ng-model="ectx.statements.C0003" ng-init="ectx.statements.C0003 = ectx.statements.C0003 || 'Y'">
</div> |
3. Add custom field radio button "I Agree/I do not agree" Image Added Code Block |
---|
<div class="clearfix" style="padding: 8px 8px 0px;#if(true)display: none;#end">
<div style="display: block; margin-bottom: 10px;">
<span>
<div user-input field="ectx.customFields.iAgree">
<input type="radio" name="iAgree" value="Yes" ng-model="ectx.customFields.iAgree"
ng-required="(ectx.statements.C0003=='N' || ectx.statements.C0003==null)">
<span>
<strong>I agree</strong> that you may contact me if there are results from the genetic research that may be relevant to my health.
</span>
</div>
</span>
</div>
<div style="display: block; margin-bottom: 10px;">
<span>
<div user-input field="ectx.customFields.iAgree">
<input type="radio" name="iAgree" value="YesNo" ng-model="ectx.customFields.iAgree"
ng-required="(ectx.statements.C0003=='N' || ectx.statements.C0003==null)">
ectx.statements.C0003==null)">
<span>
<strong>I do not agree</strong> that you may contact me if there are results from the genetic research that may be relevant to my health.
<span> </span>
</div>
<strong>I agree<</strong>span>
that you</div>
may contact me if there are results from the genetic research that may be relevant to my health.<div os-field-error field="econsentForm.iAgree"></div>
</div> |
4. Add custom field text-box Image Added Code Block |
---|
<div>
<label class="control-label">
<span>Print Name of Biobank <Participant</span>
</div>label>
</span>div>
</div> <div style="displaywidth: block70%; float: left">
<span>
<div user-input field="ectx.customFields.iAgreeparticipantName">
<input type="radio<div>
<textarea class="form-control" name="iAgree"participantName" ng-model="ectx.customFields.participantName" valuerows="No" ng-model="ectx.customFields.iAgree"
"1" required></textarea>
</div>
</div>
<div ng-requiredos-field-error field="(ectx.statements.C0003=='N' || ectx.statements.C0003==null)econsentForm.participantName"> </div>
</div> |
5. Add signature field Code Block |
---|
<div style="width: 70%; float: <span>left">
<div>
<strong>I do not agree</strong> that you may contact me if there are results from the genetic research that may be relevant to my health.
<label class="control-label">
<span>
<strong>Signature of Biobank Participant</strong>
</span>
</div>label>
</span>div>
</div> <div osuser-field-errorinput field="econsentFormectx.customFields.iAgreesignature"></div>
</div> |
4. Add custom field text-box Image Removed Code Block |
---|
<div>
<label class="control-label type="signature">
<span>Print Name of Biobank Participant</span>
<ec-signature name="signature" image="ectx.customFields.signature" ng-required="(ectx.customFields.signatureAuthRep==null && (ectx.statements.C0003=='N' || ectx.statements.C0003==null))">
</label> </div>ec-signature>
<div style="width: 70%; float: left"> </div>
<div useros-field-inputerror field="ectxeconsentForm.customFields.participantNamesignature"> </div>
</div> |
6. Add date as a custom field with default current date and non-editable Code Block |
---|
<div style="float: left; <div>
clear: left;">
<textarea class="form-control" name="participantName" ng-model="ectx.customFields.participantName" rows="1" required></textarea><label style="float: left; clear: left;">
<strong>Today's <Date</div>strong>
</label>
</div>
<div os-field-error fieldclass="econsentForm.participantNameclearfix">
</div> </div> |
5. Add signature field Code Block |
---|
<div style="width: 70%45%; float: left; clear: left;">
<div> <div class="col-xs-8 os-no-left-padding">
<div <label class="control-labeluser-input field="ectx.customFields.consentDate" type="date-time">
<span> <os-date-picker name="consentDate" date="ectx.customFields.consentDate" default-current-date <strong>Signature of Biobank Participant</strong>ng-disabled="1 != 0"></os-date-picker>
</span>div>
</label> </div>
<div user-input field="ectx.customFields.signature" type="signature"> <div class="col-xs-4 os-no-left-padding">
<ec-signature<timepicker nameclass="signatureos-time-no-wheels" imageng-model="ectx.customFields.signatureconsentDate" ngshow-requiredmeridian="(ectx.customFields.signatureAuthRep==null && (ectx.statements.C0003=='N' || ectx.statements.C0003==null))">
"false" readonly-input="true"></timepicker>
</ec-signature> </div>
<div os-field-error field="econsentForm.signature">consentDate"></div>
</div>
</div> |
67. Add date as a number custom field with default current date and non-editable Code Block | <div style="float: left; clear: left;"> Code Block |
---|
| <div style="margin-bottom: 20px;">
<label style="display: block;">Height (centimetres)</label>
<label<div style="floatwidth: left250px;" clear: left;user-input field="ectx.customFields.height_centimetres">
<strong>Today's Date</strong> <input </label>
</div>
<div class="clearfix">
<div style="width: 45%; float: left; clear: left;">style="padding: 8px; border: 1px solid #ddd; border-radius: 4px; width: 100%" name="height_centimetres" ng-model="ectx.customFields.height_centimetres" required
<div classng-pattern="col-xs-8 os-no-left-padding/^[1-9][0-9]*$/">
<div useros-field-inputerror field="ectx.customFields.consentDate" type="date-time">econsentForm.height_centimetres"> </div>
</div>
<os-date-picker name="consentDate" date="ectx.customFields.consentDate" default-current-date ng-disabled="1 != 0"></os-date-picker></div> |
8. Add OpenSpecimen PV-dropdown as a custom field site dropdown Code Block |
---|
| <div style="margin-bottom: 20px;">
<label style="display: block;">Collection Center</label>
</div> <div user-input field="ectx.customFields.preferred_collection_site" </div>type="user">
<div classstyle="col-xs-4 os-no-left-paddingdisplay: inline-block; margin-right: 20px;">
<timepicker class="os-time-no-wheels" ng-model="ectx.customFields.consentDate" show-meridian="false" readonly-input="true"></timepicker> <os-sites name="preferred_collection_site" ng-model="ectx.customFields.preferred_collection_site" ></os-sites>
</div>
<div os-field-error field="econsentForm.consentDate"><preferred_collection_site"> </div>
</div>
</div> |
79. Add number custom fieldcustom field dropdown value with options Info |
---|
In below code, “consent_custom_fields” is the form name. Code Block |
---|
| custom-field>consent_custom_fields.visit_center</custom-field> |
|
Complete Code Snippet: Code Block |
---|
| <div style="margin-bottom: 20px;">
<label style="display: block;">Height (centimetres)<>Visit Center</label>
<div style="width: 250px;" user-input field="ectx.customFields.height_centimetres">
<input style="padding: 8px; border: 1px solid #ddd; border-radius: 4px; width: 100%" name="height_centimetres" ng-model="ectx.customFields.heightvisit_centimetrescenter" required>
<div ng-patternstyle="/^[1-9][0-9]*$/display: inline-block; margin-right: 20px;">
<div os<ec-field-error fieldselect ng-model="econsentFormectx.customFields.heightvisit_centimetres"> </div>center" required>
<custom-field>consent_custom_fields.visit_center</custom-field>
</div> </div> |
8. Add OpenSpecimen PV-dropdown as a custom field site dropdown Code Block |
---|
| ec-select>
<div style="margin-bottom: 20px;"> </div>
<label style="display: block;">Collection Center</label> <div useros-field-inputerror field="ectx.customFields.preferred_collection_site" type="user">
econsentForm.visit_center"> </div>
<div style="display: inline-block; margin-right: 20px;"> </div>
<os-sites name="preferred_collection_site" ng-model="ectx.customFields.preferred_collection_site" ></os-sites>
</div>
<div os-field-error field="econsentForm.preferred_collection_site"> </div>
</div>
</div> |
9. Add custom field dropdown value with options Code Block |
---|
| <div style="margin-bottom: 20px;">
<label style="display: block;">Visit Center</label>
<div user-input field="ectx.customFields.visit_center">
<div style="display: inline-block; margin-right: 20px;">
<ec-select ng-model="ectx.customFields.visit_center" required>
<custom-field>consent_custom_fields.visit_center</custom-field>
</ec-select>
</div>
<div os-field-error field="econsentForm.visit_center"> </div>
</div>
</div> | 10. Add print break in the consent document PDF: 10. Add print break in the consent document PDF: <ec-print-page-break></ec-print-page-break> is used to add the print break in the downloaded PDF. In the below example, the 'We may contact you….' line will be printed on the next page. Code Block |
---|
| <ol>
<li>
<u>You will be asked to donate a blood sample (approximately 3 tablespoons) and urine sample.</u> If these samples are not collected today, they may be collected at a future time when you have a blood draw ordered by your doctor or a separate appointment that is convenient for you. In some cases, we may ask you for a saliva (spit) or buccal (cheek swab) sample. We may also use blood, urine, or tissue samples collected as part of your clinical care now or in the future that would otherwise be thrown away.
</li>
<li>
<u>We will request information about you and your health. We will collect your name, address and other contact information.</u> We will use your electronic health records now and, in the future, to update your health information. We will store some of your health information, including your name, contact information, and medical history, in the Columbia Biobank database. Biobank staff will make a note that you are a participant in the biobank in your electronic health record.
</li>
<ec-print-page-break></ec-print-page-break> | is used to add the print break in the downloaded PDF.In the below example, the 'We may contact you….' line will be printed on the next page. Code Block |
---|
| <ol>
<li>
<u>You will be asked to donate a blood sample (approximately 3 tablespoons) and urine sample.</u> If these samples are not collected today, they may be collected at a future time when you have a blood draw ordered by your doctor or a separate appointment that is convenient for you. In some cases, we may ask you for a saliva (spit) or buccal (cheek swab) sample. We may also use blood, urine, or tissue samples collected as part of your clinical care now or in the future that would otherwise be thrown away.
</li>
<li>
<u>We will request information about you and your health. We will collect your name, address and other contact information.</u> We will use your electronic health records now and, in the future, to update your health information. We will store some of your health information, including your name, contact information, and medical history, in the Columbia Biobank database. Biobank staff will make a note that you are a participant in the biobank in your electronic health record.
</li>
<ec-print-page-break></ec-print-page-break>
<li>
<u>We may contact you in the future.</u> We may ask you to complete additional questionnaires about your health or contact you to get additional information and ask if you are interested in joining other research studies. We may also contact you for another biological sample. We may ask for additional samples in order to study changes in your sample over time, or because we used up the first sample you provided. If we ask you for another sample, you may always say no.
</li>
<li>
<u>Your coded samples, health information, and the research results may be shared with the scientific research community.</u> A science and ethics committee will review each request for data access. We will not give researchers outside of Columbia University Irving Medical Center-NewYork Presbyterian your name or any other information that could directly identify you.
</li>
</ol> |
11. Show/hide field/section based on the other field selection Syntax: Needs to add the 'ng-show' tag to implement the show/hide logic Code Block |
---|
| <div ng-show="ectx.statements.C0003=='N'" >
<p> .... </p>
<label class="radio-inline">
......
</label>
</div> |
Example: When a user clicks on the “I agree to participate" option, the below section highlighted in red is enabled. Image RemovedExample HTML for the above example: View file |
---|
name | Participant English 11 Nov - v1.0 (1).html |
---|
|
12. Mark consent statement non-editable with default selected. Code Block |
---|
| <div class="clearfix" consent-question="M001
<li>
<u>We may contact you in the future.</u> We may ask you to complete additional questionnaires about your health or contact you to get additional information and ask if you are interested in joining other research studies. We may also contact you for another biological sample. We may ask for additional samples in order to study changes in your sample over time, or because we used up the first sample you provided. If we ask you for another sample, you may always say no.
</li>
<li>
<u>Your coded samples, health information, and the research results may be shared with the scientific research community.</u> A science and ethics committee will review each request for data access. We will not give researchers outside of Columbia University Irving Medical Center-NewYork Presbyterian your name or any other information that could directly identify you.
</li>
</ol> |
11. Show/hide field/section based on the other field selection Syntax: Needs to add the 'ng-show' tag to implement the show/hide logic Code Block |
---|
| <div ng-show="ectx.statements.C0003=='N'" >
<p> .... </p>
<label class="radio-inline">
......
</label>
</div> |
Example: When a user clicks on the “I agree to participate" option, the below section highlighted in red is enabled. Image AddedExample HTML for the above example: View file |
---|
name | Participant English 11 Nov - v1.0 (1).html |
---|
|
12. Mark consent statement non-editable with default selected. Code Block |
---|
| <div class="clearfix" consent-question="M001">
<label class="control-label">
<input name="M001" type="checkbox" ng-true-value="'Y'" ng-false-value="'N'" ng-disabled="1 != 0" ng-model="ectx.statements.M001" ng-init="ectx.statements.M001 = 'Y'"> </label>
<span>I consented for cancer study</span>
</div> |
13. Mark consent statement editable with default selected. Code Block |
---|
| <div class="clearfix" consent-question="M001">
<label class="control-label">
<input name="M001" type="checkbox" ng-true-value="'Y'" ng-false-value="'N'" ng-model="ectx.statements.M001" ng-init="ectx.statements.M001 = ectx.statements.M001 || 'Y'">
<span>I consented for cancer study</span>
</div> |
14. Default custom value with non-editable Code Block |
---|
| <input type="radio" name="health_info_described_in" value="both" ng-model="ectx.customFields.health_info_described_in"
ng-init="ectx.customFields.health_info_described_in = 'both'" ng-disabled="1 != 0"> |
15. Make field mandatory based on other field value Eg:1 - Make Guardian name custom field mandatory for Male patients. Code Block |
---|
| <div>
<textarea class="form-control" ng-model="ectx.customFields.parentGuardianName" rows="1" ng-required="cpr.participant.gender == 'Male'"> </textarea>
</div>
|
Eg:2 - Make Guardian name custom field mandatory when site='Stanford Hospital ' Code Block |
---|
| <div>
<textarea class="form-control" ng-model="ectx.customFields.parentGuardianName" rows="1" ng-required="cpr.registrationSite == 'Stanford Hospital''"> </textarea>
</div>
|
Eg:3 - Make Participant Signature(signature ) mandatory if Guardian signature(signatureAuthRep ) is not entered Code Block |
---|
| <div>
<ec-signature name="signature" image="ectx.customFields.signature" ng-required="ectx.customFields.signatureAuthRep==null"></ec-signature>
</div>
|
16. Add File Type Control Code Block |
---|
| <div style="margin-bottom: 20px;">
<label | classcontrol-label">display: block;">Photo Identity</label>
| <input name="M001<div user-input field="ectx.customFields.photo_identity" type=" | checkbox ng-true-value="'Y'" ng-false-value="'N'" ng-disabled="1 != 0" ng-model="ectx.statements.M001" ng-init="ectx.statements.M001 = 'Y'"> </label>
>
<div style="display: inline-block; margin-right: 20px;">
<ec-file-uploader name="photo_identity" file="ectx.customFields.photo_identity" required></ec-file-uploader>
</div>
<div os-field-error field="econsentForm.photo_identity"> </div>
| <span>Iconsentedforcancerstudy</span>
13. Default custom value with non-editable Code Block |
---|
|