<< 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 the 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
Note the sample company logo and name at the top of the preview
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.
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…
11.Prefix the report with your company name and select OK to save
12. Don't forget to click on Save every once in a while so that your changes are saved.
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
b. Click on the existing company name text and press the Delete key on your keyboard
14.Now select the Toolbox tab on the bottom left, select the PictureBox control and drag using your mouse onto the Design Panel
15.As you drag, your mouse turns into a symbol until you drop the control onto the design panel
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.
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)
18.The image is now bound to the PictureBox control
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.
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.
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
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
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
27.Select Preview link from the bottom of the Design Panel so you can see what this looks like on an actual report.
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.
30. Your custom report template is now selectable from the Service Workorders grid, and from within a service workorder entry screen.