15 Notification Bell Icon for Workflow Tasks Shared by Morgan Woods-Leshe, My Well Ministry 5 years ago 8.0 General Beginner Have a hard time getting your staff to visit their dashboard? Us too. So awhile back with the help of some people in the Rock community we created a Bell Icon where a red dot appears when you have an open workflow task that needs action/is assigned to you. Here's how to build it.1) On your home page add the My Workflows Lava block to the Header section for the whole site. 2) For the Block settings select the 'Role' as 'Assigned To'3) In the contents section add this little hunk of code. (Note: I am good at making things work, not making them pretty, so if anyone has some styling tips on this little feature let me know and I will update this recipe.)<style>badge::before{ background:transparent;}</style><ul class="nav navbar-nav loginstatus"> <li class="dropdown" ID="liDropdown" runat="server"> <a class="dropdown-toggle navbar-link" href="#" data-toggle="dropdown"> {% if Actions.size > 0 %} <div class="badge" style="position:relative; background:none;"> <i class="fa fa-bell fa-lg" style="background:none;"></I> <i class="fa fa-circle alert-danger fa-pulse" style="cursor:default;position:absolute;size:20%;left:0%;bottom:0px; background:none;"></I> </div> {%else%} <i class="fa fa-bell fa-2x" style="background:none;"></I> {%endif%} <asp:PlaceHolder ID="phHello" runat="server"><asp:Literal ID="lHello" runat="server" /></asp:PlaceHolder> <b class="fa fa-caret-down"></b> </a> <ul class="dropdown-menu"> {% if Actions.size > 0 %} <table class="table sortable"> <thead> <tr> <th>Created</th> <th>Title</th> <th> Type</th> </tr> </thead> <tbody> {% for action in Actions %} <tr> <td data-dateformat="M/D/YY">{{ action.Activity.Workflow.CreatedDateTime | Date:'M/d/yy' }}</td> <td> <a href='/MyDashboard{% if Role == '0' %}WorkflowEntry/{{ action.Activity.Workflow.WorkflowTypeId }}{% else %}Workflow{% endif %}/{{ action.Activity.Workflow.Id }}'>{{ action.Activity.Workflow.Name }}{% if role == '0' %} ({{ action.Activity.ActivityType.Name }}){% endif %}</a> {% if action.Activity.Workflow.Status != 'Active' %} <span class='label label-info'>{{ action.Activity.Workflow.Status }}</span> {% endif %} </td> <td><i class='fa-fw {{ action.Activity.Workflow.WorkflowType.IconCssClass }}'></i></td> </tr> {% endfor %} </tbody> </table> {% else %} <div class="panel-body"> <div class='alert alert-info'>There are no open tasks assigned to you.</div> </div> {% endif %} </ul> </li> <li ID="liLogin" runat="server" Visible="false"><asp:LinkButton ID="lbLogin" runat="server" OnClick="lbLoginLogout_Click" CausesValidation="false" Text="Login"></asp:LinkButton></li></ul><asp:HiddenField ID="hfActionType" runat="server" />And you are all set!