I have this custom view for Notes in dc_lender Module. I have two relate fields one is Banker Contact for dc_lender_contact module and second is Loan Program for dc_loan_program module. when i click on arrow icon a popup display with related module record name which is perfect. now i want when a user write something in input field, it show name suggestion in dropdown from related module record. By default SuiteCRM have this functionality but as i mentioned it is custom view we cannot use default functionality. Please help me out to resolve this issue.
<div class="col-xs-12 col-sm-12 edit-view-row-item" style="margin-top: 30px !important;">
<!-- Banker Contact -->
<div class="col-xs-12 col-sm-2 cstm_main_label_relate_to">
Relate To:
</div>
<div class="col-xs-12 col-sm-1 cstm_label_relate_to" style='margin-right: 10px; !importent'>
Banker Contact:
</div>
<div class="col-xs-12 col-sm-3 edit-view-field yui-ac" type="parent" field="parent_name">
<input type="text" name="banker_contact" id="banker_contact" class="sqsEnabled yui-ac-input" value="{$banker_contact}" autocomplete="off" style="width: 60% !important">
<input type="hidden" name="banker_contact_id" id="banker_contact_id" value="">
<span class="id-ff multiple">
<button type="button" name="btn_banker_contact" id="btn_banker_contact" class="button firstChild">
<span class="suitepicon suitepicon-action-select"></span>
</button>
<button type="button" name="btn_clr_banker_contact" id="btn_clr_banker_contact" class="button lastChild">
<span class="suitepicon suitepicon-action-clear"></span>
</button>
</span>
</div>
<!-- Loan Program -->
<div class="col-xs-12 col-sm-1 cstm_label_relate_to">
Loan Program:
</div>
<div class="col-xs-12 col-sm-3 edit-view-field yui-ac" type="parent" field="loan_program">
<input type="text" name="loan_program" id="loan_program" class="sqsEnabled yui-ac-input" value="{$loan_program}" autocomplete="off" style="width: 60% !important">
<input type="hidden" name="loan_program_id" id="loan_program_id" value="">
<span class="id-ff multiple">
<button type="button" name="btn_loan_program" id="btn_loan_program" class="button firstChild">
<span class="suitepicon suitepicon-action-select"></span>
</button>
<button type="button" name="btn_clr_loan_program" id="btn_clr_loan_program" class="button lastChild">
<span class="suitepicon suitepicon-action-clear"></span>
</button>
</span>
</div>
</div>