diff --git a/pandora_console/godmode/alerts/alert_templates.php b/pandora_console/godmode/alerts/alert_templates.php
index 003ec45d03..8236d1e69c 100644
--- a/pandora_console/godmode/alerts/alert_templates.php
+++ b/pandora_console/godmode/alerts/alert_templates.php
@@ -31,13 +31,14 @@ if (is_ajax()) {
return;
}
- echo '
'.$template['name'].'
';
+ echo ''.$template['name'].'
';
+ echo html_print_image('images/info.svg', true, ['class' => 'invert_filter']);
+ echo ui_print_alert_template_example($template['id'], true, true, false);
+ echo '
';
+ echo '
';
echo ''.__('Type').': ';
echo alerts_get_alert_templates_type_name($template['type']);
- echo '
';
- echo ui_print_alert_template_example($template['id'], true);
-
echo '
';
if ($template['description'] != '') {
diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php
index 4bacf6c920..b843b5ff3e 100755
--- a/pandora_console/include/functions_ui.php
+++ b/pandora_console/include/functions_ui.php
@@ -1780,11 +1780,14 @@ function ui_print_string_substr($string, $cutoff=16, $return=false, $fontsize=0)
*
* @return An HTML string if return was true.
*/
-function ui_print_alert_template_example($id_alert_template, $return=false, $print_values=true)
+function ui_print_alert_template_example($id_alert_template, $return=false, $print_values=true, $print_icon=true)
{
$output = '';
- $output .= html_print_image('images/information.png', true, ['class' => 'invert_filter']);
+ if ($print_icon === true) {
+ $output .= html_print_image('images/information.png', true, ['class' => 'invert_filter']);
+ }
+
$output .= '';
$template = alerts_get_alert_template($id_alert_template);
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index abbb50c927..eeab657bce 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -12562,3 +12562,8 @@ tr[id^="network_component-plugin-snmp-fields-dynamicMacroRow-"] input {
flex-wrap: nowrap;
justify-content: flex-start !important;
}
+
+#cluetip-inner > #example {
+ position: absolute;
+ margin-left: 5px;
+}