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