Record Picker not working in Modal

[Vikram3]

Hello,

I am creating a widget with Record picker. But it is not showing in modal window. Below is the code.

<div class="panel panel-primary">       
  <div class="panel-heading">       
    <h4 class="panel-title pull-left">       
      ${Watch list}       
    </h4>       
    <div class="clearfix"></div>       
  </div>                   
  <div class="panel-body">
    <form ng-submit="save()">
      <div class="text-center text-italic text-muted">
        <div>
          <sn-record-picker field="watch_list" sn-disabled="!data.canWrite" table="'sys_user'" display-field="'email'" display-fields="'name'" search-fields="'email'" value-field="'sys_id'" default-query="'active=true^web_service_access_only=false^user_nameISNOTEMPTY^emailISNOTEMPTY'" page-size="10" multiple="true"></sn-record-picker>
        </div>
        <div style="margin-top:15px; float: right;">
          <button type="submit" class="btn btn-success btn-sm">${Update}</button>
        </div>
      </div>
    </form>
  </div>
</div>

Below is the screenshot

Record picker is showing as a textbox.

[Vikram3 · Accepted solution]

Thanks for the inputs. This is resolved. Below is the code

[Andreas Smed-Pe]

Hello Vikram, 

I'm trying to replicate your solution, but I'm struggling with it myself. Would you care sharing the HTML template you used, since it's cropped in the image. 

[Vikram3]

Oops I am sorry. I don't have it right now. But, I'll try to get that if possible.