erum mirza

erum mirza

  • NA
  • 427
  • 0

close button on popover

May 21 2019 7:21 AM
  1. i have below code and i need to addd close button (x) on popover for each three popovers ,can any one help me how to do this
  2. <div class="row">  
  3.             @*<div class="col-lg-1 popper" title="Note" data_toggle="popover">sdsda*@  
  4.             <div class="col-lg-1">  
  5.                 <i class="ShowToolTip popper fa fa-eye LabTaskClass28  LabTaskClassforShowHideCol77"   title="No task result for note"  data_toggle="popover" style="/*! width: 1px !important; */"><span class="close-popover float-right text-danger "></span></i>  
  6.                 <div class="popper-content" style="display:none">  
  7.                     <div class="form-group">  
  8.                         <label title="Task name">Task name  
  9.                         </label>  
  10.                             <input type="text"  
  11.                                    class="form-control">  
  12.                         <label title="Message">  
  13.                           Message  
  14.                         </label>  
  15.                         <input type="text"  
  16.                                class="form-control" placeholder="Limited to 100 Characters">  
  17.                         <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button>  
  18.                         <button class="btn-save btn btn-primary btn-sm" style="background-color:darkslategrey !important">SAve</button>  
  19.                     </div>  
  20.                     <button type="submit" class="btn btn-default btn-block">  
  21.                         Submit  
  22.                     </button>  
  23.                 </div></div>  
  24.             <div class="col-lg-1">  
  25.                 <i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol77" title="No task result for review" data_toggle="popover" style="/*! width: 1px !important; */"></i>  
  26.                 @*<div class="popper-content" style="display:none">My Review popover content goes here.</div>*@  
  27.                 <div class="popper-content" style="display:none">  
  28.                     <div class="form-group">  
  29.                         <label title="Task name">  
  30.                             Task name  
  31.                         </label>  
  32.                         <input type="text"  
  33.                                class="form-control">  
  34.                         <label title="Message">  
  35.                             Messagessd  
  36.                         </label>  
  37.                         <input type="text"  
  38.                                class="form-control" placeholder="Limited to 100 Characters">  
  39.                         <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button>  
  40.                         <button class="btn-save btn btn-primary btn-sm" style="background-color:darkslategrey !important">SAve</button>  
  41.                     </div>  
  42.                     <button type="submit" class="btn btn-default btn-block">  
  43.                         Submit  
  44.                     </button>  
  45.                 </div>  
  46.             </div>  
  47.             <div class="col-lg-1">  
  48.                 <i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol77" title="Warning" data_toggle="popover" style="/*! width: 1px !important; */"></i>  
  49.                 @*<div class="popper-content" style="display:none">My Review popover content goes here.</div>*@  
  50.                 <div class="popper-content" style="display:none">  
  51.                     <div class="form-group">  
  52.                         <label title="">  
  53.                             Task not complete yet to repeat  
  54.                         </label>  
  55.                         <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button>  
  56.                     </div>  
  57.                 </div>  
  58.             </div>  
  59.                 </div> 

Answers (1)