field-level-help.html

18 lines | 822 B Blame History Raw Download
<form class="form-horizontal">
  <div class="form-group">
    <label class="col-sm-3 control-label" for="{{include.id}}">Default <a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" data-html="true" title="" data-content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et <a href='#'>dolore magna aliqua</a>." data-placement="top"><span class="pficon pficon-info"></span></a></label>
    <div class="col-sm-9">
      <input type="text" id="{{include.id}}" class="form-control">
    </div>
  </div>
</form>
<script>
  // Initialize Popovers
  $(document).ready(function() {
    $('[data-toggle=popover]').popovers()
      .on('hidden.bs.popover', function (e) {
        $(e.target).data('bs.popover').inState.click = false;
      });
  });
</script>