How to add logo or image on your dashboard

Logos and images are nice to display on dashboards. They create special branding of your dashboard pages.

InfoCaptor dashboard pages are just like any other web html page where you can add any types of image content.

There are two ways to add image or logos on your dashboard.

Add image using direct URL

  1. Drage the image_url widget on the dashboard
  2. Image
  3. If you double click the image it will show the image url
  4. Image
  5. So this image of Ganesh is located somewhere within infocaptor directory and hence it is a relative URL.
  6. You can grab any web image url and paste it here
  7. Let us grab the infocaptor logo from the website and add it
  8. Right click on any image on the web page and "Copy image URL"
  9. Image
  10. Take this URL and paste it in the image_url widget
  11. Image
  12. Click OK and your logo should display
  13. Image
  14. Expand the blue border to adjust the visibility and cropping of the image
  15. You can move the red square around to position the image within the blue box
  16. Image
  17. For curiosity, we just moved the small red square towards the right and it cropped significant portion of the logo.

So that was the easy and quick way of adding images.

Upload images and use image_object

Second method involves uploading the image within infocaptor and then use it. This allows some basic image manipulation like scaling, color changes as shown below

  1. Goto actions and upload images
  2. Image
  3. We can then drag drop images from our desktop to the desired project
  4. Image
  5. Image
  6. We select the images and drag and drop into our project
  7. Image
  8. Once you drop, all files are uploaded quickly into the project
  9. Image
  10. Now go back to dashboard editor, select Actions -> Browse my images
  11. Image
  12. Drag any image and drop it on the dashboard.
  13. Image
  14. You can now scale the image by dragging the blue border.
  15. Right click and you can see various options of this dropped image
  16. For e.g we just turned the "Gray Scale" option
  17. Image

That summarizes the techniques to use image/logos within dashboard

Posted in How-to | Tagged , , , , ,


Has InfoCaptor Convinced you?

If so, click to buy now, including 60 minutes of dashboard development for free!