diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index 9f90090d9c3..9dadcc77a6c 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -6552,6 +6552,16 @@ div.panel.ui-dialog div.list-view div.fixed-header { font-weight: bold; } +.multi-edit .data .data-body .data-item .expandable-listing table tbody tr td.name span { + color: #4C5D78; + font-weight: normal; + cursor: pointer; +} + +.multi-edit .data .data-body .data-item .expandable-listing table tbody tr td.name span:hover { + color: blue; +} + .multi-edit .data .data-body .data-item table tbody tr td.multi-actions { border-right: none; } diff --git a/ui/scripts/ui/widgets/multiEdit.js b/ui/scripts/ui/widgets/multiEdit.js index 7d2ba33ef32..6b32ea07590 100644 --- a/ui/scripts/ui/widgets/multiEdit.js +++ b/ui/scripts/ui/widgets/multiEdit.js @@ -480,6 +480,7 @@ $browser.cloudBrowser('addPanel', { title: options.itemName ? options.itemName : data.name, + maximizeIfSelected: true, complete: function($newPanel) { $newPanel.detailView(detailViewArgs); } @@ -522,8 +523,18 @@ itemRow: function(item, itemActions, multiRule, $tbody) { var $tr = $(''); var itemName = multiRule._itemName ? item[multiRule._itemName] : item.name; + var $itemName = $('').html(_s(itemName)); - $tr.append($('').appendTo($tr).html(_s(itemName))); + $tr.append($('').addClass('name').appendTo($tr).append($itemName)); + + $itemName.click(function() { + _medit.details(item, $('#browser .container'), { + itemName: itemName, + context: { + instances: [item] + } + }); + }); if (itemActions) { var $itemActions = $('').addClass('actions item-actions');