Put my company logo on a report template

<< Click to Display Table of Contents >>

Navigation:  How do I ...? >

Put my company logo on a report template

In this tutorial example, we will go over the basic steps of putting your logo image into a report template.

 

 

It is recommended that you review the Report Templates Help section before proceeding for an overview of the Report Designer.

 

It is suggested that you open up the existing sample report templates that come with AyaNova to see how they are designed, as well as check out the answers to questions about report template design in the AyaNova Support Forum and additional sample report templates there that you can download, use as is or customize further

 

 

 

1.From the Schedule screen, double-click on an existing scheduled item. This way we are viewing a service workorder entry screen that definitely is scheduled.

2.Now we want to open an exiting report template in the Report Template Designer so we can customize that report template with your own logo

3.Select theMenuPrint  Print menu option, hold the SHIFT key on your keyboard, and select the Sample  AyaNovaLite Dispatching Report report template.

4.Note that it may take longer the very first time a report is opened for editing or preview since AyaNova was started as certain elements are not loaded in memory until they are required.  Subsequent loads while AyaNova is open will be faster.

5.The internal report designer opens for this report template

Lets preview the existing report template before we begin

6.Click on the Preview link at the bottom of the design panel

TutorialLogo2

 

TutorialLogo3

 

Note the sample company logo and name at the top of the preview

TutorialLogo4

 

7.In this tutorial, we want to change the sample company logo and name to your own company logo and name. Remember, this is just an example to show you how to put your logo image into a report template - you will of course have a different logo image as well as different sized logo, or may be customizing a different report template, and may have your company name and logo combined in one image.

8.Select the Designer link at the bottom of the design panel to return to the design area of the internal report designer.

TutorialLogo5

 

9.Although we do not have to make a copy to be able to customize an existing report template, we will in this tutorial and it is recommended to do so that if there is a problem with your customization, you can delete your customized report template and start again with a new copy.

10.Select the menu Report, and select Save As…

TutorialLogo6

 

11.Prefix the report with your company name and select OK to save

TutorialLogo7

 

12. Don't forget to click on Save every once in a while so that your changes are saved.

tutoriallogo24

13.As want to replace the existing logo with another image, and change the text for the company name, we first need to remove the existing image and company name text

a.  In the Design Panel, click on the existing logo image, right-click and select Delete

TutorialLogo8

 

b. Click on the existing company name text and press the Delete key on your keyboard

TutorialLogo9

TutorialLogo10

14.Now select the Toolbox tab on the bottom left, select the PictureBox control and drag using your mouse onto the Design Panel

TutorialLogo11

 

15.As you drag, your mouse turns into a ReportDesignerDragSymbol symbol until you drop the control onto the design panel

TutorialLogo12

 

16.With that control you dragged over still selected, click the Properties tab, and select within the Image field to  to open the window to select your image file you want to show on this report template.

TutorialLogo13

 

17.Move to the location of your image and select it. Click Open (do note of course that your selection will be different, as well as the location will be different)

TutorialLogo14

 

18.The image is now bound to the PictureBox control

TutorialLogo15

 

19.As your image could be any size, you may need to edit it, such as moving other fields around.

In the screenshot below we have moved all other fields down further in the Detail1 area so that our  image shows properly and does not overlap other controls we wish to place here.

Easiest way to move a bunch of fields at once, is to use your mouse, the CTRL key and left click button to select all of the fields at once, and then use your arrow on your keyboard to move the fields down or up or sideways etc

It is recommended that before selecting the image file, that you already have it's dimensions sized to fit how you will want it on the report template via an image manipulation program.

For example, do not select an image file that is 1000 x 500 bytes, as it more then likely will also be quite large in MB size which can affect how fast your report will print. Instead, resize the image in a utility which will make it smaller in size in dimension as well as bytes.

 

You could also use the Sizing property in the Behaviour area to center, zoom, etc.

 

TutorialLogo16

 

TutorialLogo17

 

20.Your image may already include text. In this tutorial we will add the company name text beside the image.

21. Select the ToolBox tab, select the Label control and drag onto the Design Panel and drop onto the location beside the image.

TutorialLogo18

 

22.Select the Properties tab, with this label control still selecting, enter in the Text property field your company name. In our tutorial, we will enter in My Company Name

TutorialLogo20

TutorialLogo19

23. As in this tutorial we want this text to display in a different font, plus a larger size, we need to edit the properties of this label field.

24.Select the browser button for the Font property field for this selected label control to open up the Font properties

TutorialLogo21

 

25.Change the font such as to Courier New, Bold and size 14, and select OK

26.If you view the label control, you will note that some of the text is cut off. Resize the label control to display all the text by hovering your mouse over the left side and click and drag

TutorialLogo22

 

27.Select Preview link from the bottom of the Design Panel so you can see what this looks like on an actual report.

TutorialLogo23

28. Make any additional changes to sizing, location, etc and Previewing so you can see what the result is before saving.

29. Don't forget to click on Save every once in a while so that your changes are saved.

tutoriallogo24

30. Your custom report template is now selectable from the Service Workorders grid, and from within a service workorder entry screen.