Skip to content

Instantly share code, notes, and snippets.

@moderatorwes
Last active August 13, 2020 21:22
Embed
What would you like to do?
Zendesk: Alert Notification with Promoted Articles
//Link to Font Awesome for the icon
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
//Top of your header
<div class="notification notification-error">
<div class="notification-inner">
<span id="promoted-alert"></span>
<a href="#" class="notification-dismiss" data-notification-dismiss=""></a>
</div>
</div>
.notification {
display:none;
}
.notification-dismiss {
float:right
}
.fa {
font-size: 18px;
color: red;
}
.notification a {
color: #00A69C;
}
//Alert system with Promoted Articles (change the word Issue as it must exist in the Title)
if ( $('.promoted-articles ul li a:contains("Issue")').length > 0 ){
$('.notification').show();
$('#promoted-alert').html(
'<i class="fa fa-warning"></i> ' +
$('.promoted-articles ul li a:contains("Issue")').first().parent().html()
);
}
//This solution uses Font Awesome so please ensure you have that in your Document Head
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment