html SiteWrench Popovers

Posted 2021-05-10

<!-- HTML Example -->

<span tabindex="0" class="fa fa-question-circle help-tip" data-container="body" data-html="true" data-toggle="popover" data-trigger="focus" data-placement="right" title="Google Custom Search Engine ID" data-content="If you don't have one, get one <a href='https://www.google.com/cse/create/new' target='_blank'><strong>here</strong></a>.<br><br>Once you're setup go to the edit view of the site > 'Basics' tab > 'Details' section > click on 'Search engine ID' button. You can then copy & paste that ID into this field."></span>

<!-- Filler Example -->

tabindex="0" class="help-tip" data-container="body" data-trigger="hover" data-placement="left" data-content="This is the content"


<!-- Example Link -->

<a href='https://www.google.com/cse/create/new' target='_blank'><strong>here</strong></a>

<!-- More Info -->

<asp:Button ID="btnArchive" runat="server" Text="Archive" OnClientClick="return window.confirm('Are you sure?')" />
<span tabindex="0" class="fa fa-question-circle help-tip" data-container="body" data-trigger="focus" data-placement="right" title="Archive a User" data-content="Archiving a user allows you to disable that user without deleting them from the system.  <div class='text-right'><a href='http://support.sitewrench.com/archive-user' target='_blank' class='btn btn-default btn-sm'>More Info</a></div>"></span>
            
            
<script type="text/javascript">
$(document).find('.glyphicon, .help-tip').popover({
		html: true,
		trigger: 'manual'
		}).click(function(e) {
			$(this).popover('show');
			$('.popover-title').append('<button type="button" class="close">&times;</button>');
			$('.close').click(function(e){
				$('.help-tip').popover('hide');
			});
		e.preventDefault();
	});
</script>


<i class="icon-chevron-up"></i>

<!-- Custom Content Next -->