Forum Topics Tagged [popover]

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 <div class="row"> @*<div class="col-lg-1 popper" title="Note" data_toggle="popover">sdsda*@ <div class="col-lg-1"> <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> <div class="popper-content" style="display:none"> <div class="form-group"> <label title="Task name">Task name </label> <input type="text" class="form-control"> <label title="Message"> Message </label> <input type="text" class="form-control" placeholder="Limited to 100 Characters"> <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button> <button class="btn-save btn btn-primary btn-sm" style="background-color:darkslategrey !important">SAve</button> </div> <button type="submit" class="btn …

I just spent way too long realizing that by setting the boundary property for Twitter Bootstrap popover Javascript to viewport (I believe it's parent element by default), it gets rid of the flickering issue I was having with popovers triggered on hover. If anyone else is having that problem, this fixes it. :) data-toggle: popover data-container: body data-boundary: viewport data-trigger: hover focus