Web Programming examples

Form ? tooltip with AngularJS

AngularJS ng-grid multiple column spanning for headers

Basic Form ? tooltip with AngularJS




Horizontal Form ? tooltip with AngularJS


<form role="form">
  <div class="form-group">
    <label>tooltip-left
      <span class="glyphicon glyphicon-question-sign" 
        tooltip-placement="left" 
        tooltip="Form ? tooltip with AngularJS glyphicon glyphicon-question-sign" >
      </span>
    </label>
    <input type="text" class="form-control" />
  </div>
  <div class="form-group">
    <label>tooltip-right
      <span class="glyphicon glyphicon-question-sign" 
        tooltip-placement="right" 
        tooltip="Form ? tooltip with AngularJS glyphicon glyphicon-question-sign" >
      </span>
    </label>
    <input type="text" class="form-control" />
  </div>
  <div class="form-group">
    <label>tooltip-bottom
      <span class="glyphicon glyphicon-question-sign" 
        tooltip-placement="bottom" 
        tooltip="Form ? tooltip with AngularJS glyphicon glyphicon-question-sign" >
      </span>
    </label>
    <input type="text" class="form-control" />
  </div>
  <div class="form-group">
    <label>tooltip-top
      <span class="glyphicon glyphicon-question-sign" 
        tooltip-placement="top" 
        tooltip="Form ? tooltip with AngularJS glyphicon glyphicon-question-sign" >
      </span>
    </label>
    <input type="text" class="form-control" />
  </div>
</form>
<br />
<br />
<H4>Horizontal Form ? tooltip with AngularJS</H4>
<br />
<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="col-sm-4 control-label">tooltip-left
      <span class="glyphicon glyphicon-question-sign" 
        tooltip-placement="left" 
        tooltip="Form ? tooltip with AngularJS glyphicon glyphicon-question-sign" >
      </span>
    </label>
    <div class="col-sm-8">
      <input type="text" class="form-control" />
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-4 control-label">tooltip-right
      <span class="glyphicon glyphicon-question-sign" 
        tooltip-placement="right" 
        tooltip="Form ? tooltip with AngularJS glyphicon glyphicon-question-sign" >
      </span>
    </label>
    <div class="col-sm-8">
      <input type="text" class="form-control" />
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-4 control-label">tooltip-bottom
      <span class="glyphicon glyphicon-question-sign" 
        tooltip-placement="bottom" 
        tooltip="Form ? tooltip with AngularJS glyphicon glyphicon-question-sign" >
      </span>
    </label>
    <div class="col-sm-8">
      <input type="text" class="form-control" />
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-4 control-label">tooltip-top
      <span class="glyphicon glyphicon-question-sign" 
        tooltip-placement="top" 
        tooltip="Form ? tooltip with AngularJS glyphicon glyphicon-question-sign" >
      </span>
    </label>
    <div class="col-sm-8">
      <input type="text" class="form-control" />
    </div>
  </div>
</form>
Exit mobile version