New Question
 
 
PRTG Network Monitor

Intuitive to Use.
Easy to manage.

200.000 administrators have chosen PRTG to monitor their network. Find out how you can reduce cost, increase QoS and ease planning, as well.

Free PRTG
Download >>

 

What is this?

This knowledgebase contains questions and answers about PRTG Network Monitor and network monitoring in general. You are invited to get involved by asking and answering questions!

Learn more

 

Top Tags


View all Tags


How to add text to a map?

Votes:

0

Your Vote:

Up

Down

I would like to add "custom text" labels to a map view, but I can only find pre-defined images.

How can I create a map object that shows a custom textbox?

custom-map-object design free-text html maps prtg text

Created on Nov 9, 2010 12:42:26 PM by  Jan Post (0) 1

Last change on Dec 11, 2017 5:42:38 PM by  Gerald Schoch [Paessler Support]



Best Answer

Accepted Answer

Votes:

0

Your Vote:

Up

Down

This article applies to PRTG Network Monitor 17.4.35 or later

Adding a Textbox to a Map

You can add a simple textbox to your PRTG Map using a Custom HTML element. With this method you are able to style your text the way you want.

The article shows you all necessary steps to create your custom textbox.

Add Plain Text

  1. Open an existing map or create a new one.
  2. Open the Map Designer.
  3. In section Properties on the right side of the designer window, look for Custom HTML at the end of the list and expand it.Map Designer: Custom HTML
    (enlarge)
  4. Choose Custom HTML Element and drag and drop it on your map. Click the added element so it is highlighted.Map Designer: Custom HTML Element
    (enlarge)
  5. You will now see available options for this element under Properties.
  6. Enter your text in HTML format into the HTML Before field.

For example, let's imagine you want to add a simple text like "Hello World" to your map. Your HTML in the HTML Before field will look like this: Bad Image src

Custom Plain Text Map Object
(enlarge)

Well done! Now let's get more advanced and add text edits and formats, as well as some color to the text.


Add Text with Style

You can use any HTML to show text in your desired style, for example, bold format, font size, and color.

Bold Text

To show text in bold letters, use the tag <b>. Don't forget to enter a closing tag, for bold: </b>. Your HTML in the HTML Before field will look like this: <b>Hello World</b>

Bold Text Element
(enlarge)

Because we have not changed the text size yet, the difference is not very obvious. So, let's change the font size to 14px!

Font Size

To change the font size to 14px, for example, add <font size="14"> to the HTML Before field. Your HTML might look like this: <font size="14"><b>Hello World</b>

Map Element Font Size
(enlarge)

Perfect! But perhaps it would look better in blue color. So, let's change the color of your text!

Text Color

To change the text color, we add another HTML tag to the HTML Before field. In this example, we go on with blue color and use the browser default blue. So, add color="blue" to your HTML code: <font size="14" color="blue"><b>Hello World</b>

Text Color
(enlarge)

Line Break

You can add line breaks to your textboxes with the HTML tag <br>. To add the line break between "Hello" and "World", insert the tag after "Hello": <font size="14" color="blue"><b>Hello<br>World</b>

Line Break
(enlarge)


Conclusion

Because PRTG uses standard HTML code to insert and edit text in maps, you have many options to adjust the text up to your needs and to the design of your PRTG map. So, start creating your individual dashboards with PRTG!

Created on Dec 11, 2017 5:34:29 PM by  Gerald Schoch [Paessler Support]

Last change on Dec 11, 2017 5:40:23 PM by  Gerald Schoch [Paessler Support]



17 Replies

Votes:

0

Your Vote:

Up

Down

Use the Custom HTML Object Type.

For more information, please see PRTG Manual: Maps Designer and look for Custom HTML.

Created on Nov 9, 2010 1:12:47 PM by  Aurelio Lombardi [Paessler Support]

Last change on Mar 25, 2013 12:28:58 PM by  Gerald Schoch [Paessler Support]



Votes:

0

Your Vote:

Up

Down

That means using HTML code, and only possible to first have to create images with text, save and than link via HTML. Where to store those images, so they are easily to integrate, eg relative link to PRTG. I was hoping for a a solution to add "free" to define on the fly text labels. For instance to name indicated areas on the map.

Created on Nov 9, 2010 1:19:07 PM by  Jan Post (0) 1



Votes:

0

Your Vote:

Up

Down

there is no need for images!

in the Map Designer select Add Map Item, select the Custom HTML tab on the very right side

and enter the html code.

The example in the manual with the link to include an image is just an example!

Created on Nov 9, 2010 2:59:25 PM by  Aurelio Lombardi [Paessler Support]



Votes:

0

Your Vote:

Up

Down

There should really be a "Text Box" object. Having to add custom HTML for text labels is overly complicated for such a simple and necessary task.

Created on Feb 8, 2013 4:10:53 PM by  Nathan Muleski (30) 1



Votes:

0

Your Vote:

Up

Down

When I try to use the custom HTML option I cannot enter text or edit in any way. I am an admin in PRTG. I have tried placing the object in the map, but still cannot edit. Any ideas what I'm not doing right?

Created on Feb 12, 2014 5:56:39 PM by  Don Broxson (0)



Votes:

0

Your Vote:

Up

Down

drop a Custom HTML Element on your map

while the element is still marked, look at the top right of the map editor where you can see the properties of the element

Top: Left: Width: Height: Layer: HTML:

use the little arrow at left to HTML

now enter your text in the HTML Before field and save.

now you should see the text in the Custom HTML Element on your map.

<font size="8">This is some text!</font>

if you want it to be bold

<b><font size="8">This is some text!</font></b>

Created on Feb 19, 2014 8:06:30 AM by  Aurelio Lombardi [Paessler Support]



Votes:

0

Your Vote:

Up

Down

Really very complicated ! I just need to create a rectangle with a text like a room number so thet the helpdesk can if a location is down. But there are only non-transparent rectangles in the object section in map designer. Any idea how to get it transparent ?

Created on Dec 10, 2014 11:52:58 AM by  pebbles5 (0) 1



Votes:

0

Your Vote:

Up

Down

adding a simple text box to the map is already on our wish list, as well are transparent elements.

Created on Dec 11, 2014 8:57:37 AM by  Aurelio Lombardi [Paessler Support]



Votes:

0

Your Vote:

Up

Down

Agreed, i'm also hoping for a simple text box object.

Created on Mar 10, 2016 2:13:38 PM by  tdsm (0)



Votes:

0

Your Vote:

Up

Down

Yes, same here...we need the text box object for ease of text insertion & editing, pls...

Created on Apr 7, 2016 12:08:32 PM by  Alangbuana (0)



Votes:

0

Your Vote:

Up

Down

6 Years later - there's still no text box object. We would need one too

Created on Nov 2, 2016 1:28:11 PM by  lucabucher (0)



Votes:

0

Your Vote:

Up

Down

What is so difficult about adding the custom map object to the map and simply entering the text in the HMTL Before box (no tags necessary for plain text)? A dedicated text object would not be different.

Created on Nov 2, 2016 1:45:12 PM by  Stephan Linke [Paessler Support]



Votes:

0

Your Vote:

Up

Down

Really PRTG team? HTML box is totally different thing. For instance I want to add random labels in random places on my map. I don't want to use some object for that, because I can't make it invisible.

I just need a very simple "add text" function. It can't be so hard :/

Created on Jan 5, 2017 10:10:15 AM by  andu337 (10)



Votes:

0

Your Vote:

Up

Down

Dear andu337

As anything on a PRTG map is an object. Entering custom text is only possible using a map object as well. You can use the otherwise empty "Custom HTML / Custom HTML Element" for this.

Created on Jan 5, 2017 5:42:27 PM by  Arne Seifert [Paessler Support]



Votes:

0

Your Vote:

Up

Down

With current requirement of customer just picking up this request:

How to add simple Text Labels to a Map?

Not a "Custom HTML" - that´s to complicated for customer.

Customer said 5 minutes ago "simply like text box like in visio"

I think this should be possible to enable within 4 weeks, rollout with next update and all user would be very happy!

btw: this request startet 6 years ago...

Created on Jul 25, 2017 8:59:25 AM by  Jürgen Mayershofer, Computacenter AG & Co. oHG (0) 1



Votes:

0

Your Vote:

Up

Down

Dear Mr. Mayershofer

We agree, the usage of the Custom HTML Element (at the bottom of the object list) is a rather complex solution for a text box. However one can enter text this way, we try to avoid redundancy.

One of the reasons we don't want to implement enter a label object at this time is that this would require some options for text size, bold font and so on. We would have to implement several different pre-configured label objects, or implement an option box. With the HTML input this can be avoided as the user can format using HTML.

A label object would require a text input field. That would be redundant since there is HTML Before/After.

To ease the process of using such objects, we now always show the HTML Before and HTML After field (this was hidden in previous versions and needed to be opened first.)

Created on Jul 25, 2017 1:26:35 PM by  Arne Seifert [Paessler Support]

Last change on Jul 25, 2017 1:30:01 PM by  Arne Seifert [Paessler Support]



Accepted Answer

Votes:

0

Your Vote:

Up

Down

This article applies to PRTG Network Monitor 17.4.35 or later

Adding a Textbox to a Map

You can add a simple textbox to your PRTG Map using a Custom HTML element. With this method you are able to style your text the way you want.

The article shows you all necessary steps to create your custom textbox.

Add Plain Text

  1. Open an existing map or create a new one.
  2. Open the Map Designer.
  3. In section Properties on the right side of the designer window, look for Custom HTML at the end of the list and expand it.Map Designer: Custom HTML
    (enlarge)
  4. Choose Custom HTML Element and drag and drop it on your map. Click the added element so it is highlighted.Map Designer: Custom HTML Element
    (enlarge)
  5. You will now see available options for this element under Properties.
  6. Enter your text in HTML format into the HTML Before field.

For example, let's imagine you want to add a simple text like "Hello World" to your map. Your HTML in the HTML Before field will look like this: Bad Image src

Custom Plain Text Map Object
(enlarge)

Well done! Now let's get more advanced and add text edits and formats, as well as some color to the text.


Add Text with Style

You can use any HTML to show text in your desired style, for example, bold format, font size, and color.

Bold Text

To show text in bold letters, use the tag <b>. Don't forget to enter a closing tag, for bold: </b>. Your HTML in the HTML Before field will look like this: <b>Hello World</b>

Bold Text Element
(enlarge)

Because we have not changed the text size yet, the difference is not very obvious. So, let's change the font size to 14px!

Font Size

To change the font size to 14px, for example, add <font size="14"> to the HTML Before field. Your HTML might look like this: <font size="14"><b>Hello World</b>

Map Element Font Size
(enlarge)

Perfect! But perhaps it would look better in blue color. So, let's change the color of your text!

Text Color

To change the text color, we add another HTML tag to the HTML Before field. In this example, we go on with blue color and use the browser default blue. So, add color="blue" to your HTML code: <font size="14" color="blue"><b>Hello World</b>

Text Color
(enlarge)

Line Break

You can add line breaks to your textboxes with the HTML tag <br>. To add the line break between "Hello" and "World", insert the tag after "Hello": <font size="14" color="blue"><b>Hello<br>World</b>

Line Break
(enlarge)


Conclusion

Because PRTG uses standard HTML code to insert and edit text in maps, you have many options to adjust the text up to your needs and to the design of your PRTG map. So, start creating your individual dashboards with PRTG!

Created on Dec 11, 2017 5:34:29 PM by  Gerald Schoch [Paessler Support]

Last change on Dec 11, 2017 5:40:23 PM by  Gerald Schoch [Paessler Support]



Please log in or register to enter your reply.


Disclaimer: The information in the Paessler Knowledge Base comes without warranty of any kind. Use at your own risk. Before applying any instructions please exercise proper system administrator housekeeping. You must make sure that a proper backup of all your data is available.