When an end user is selecting a queue, there is only a drop-down box with the queue options being select able. We would like the ability to change the HTML/CSS only, so that instead of a drop-down box being displayed to select a queue, there would be other options available such as a grid-view layout of the queues with an image for the queue, the queue name, and possibly a short-description for the queue. The reason for this is because user-interface and user-experience of a drop-down box is out-dated and not very user friendly when compared to modern UI/UX standards.

Here is the HTML that would need to be modified:

<div class="k-user-home-page-quick-action-container" data-target="ticket">
<div class="k-quick-action-icon problem">
<img src="/common/images/icons/ic_statusWarning_normal_42.png" class="k-quick-action-icon-img">
</div>
<h3>Have a problem?</h3>
<p>Report it</p>
</div>

LINE 264 : jQuery(".k-user-home-page-quick-action-container").click(function(e){ e.preventDefault();var redirectPage=jQuery(e.currentTarget).attr('data-target')+'.php';window.location.href=redirectPage;})

The JavaScript code above uses "data-target" attribute in the HTML and redirects to that page, in this case ticket.php is the page that is evaluated and loaded. I wanted the ability to modify the PHP's HTML and CSS outputted, none of the core functionality, just the view.

I have attached images of how the "New style" would look, compared to the OLD style.