Images: Difference between revisions

Jump to navigation Jump to search
36 bytes added ,  17 March 2020
no edit summary
No edit summary
No edit summary
Line 12: Line 12:
* In the '''[[Offline HTML]]''' section of Woodford. You can put here images used for a more invasive overhaul of the user interface. Also, the static images used in [[Report Designer|mobile reports]] are stored here.
* In the '''[[Offline HTML]]''' section of Woodford. You can put here images used for a more invasive overhaul of the user interface. Also, the static images used in [[Report Designer|mobile reports]] are stored here.


== Project icons ==
== Project images ==


To improve how the [[Resco Mobile CRM]] app aligns with your company colors and graphics, or simply to spice up the app a little bit, you can change the images and icons in the app. You can also add new images for custom items, such as map pins, entity icons, form tabs icons, command icons, etc.
To improve how the [[Resco Mobile CRM]] app aligns with your company colors and graphics, or simply to spice up the app a little bit, you can change the images and icons in the app. You can also add new images for custom items, such as map pins, entity icons, form tabs icons, command icons, etc.
Line 18: Line 18:
Edit an [[app projects|app project]] and select '''Images''' from the '''Project''' menu of [[Woodford]] to get started.
Edit an [[app projects|app project]] and select '''Images''' from the '''Project''' menu of [[Woodford]] to get started.


== Working with images ==
=== Working with images ===


The '''Images''' pane shows an alphabetical listing of images available in the app. Multiple variants of each image are often necessary, with different DPI and platform-specific settings.
The '''Images''' pane shows an alphabetical listing of images available in the app. Multiple variants of each image are often necessary, with different DPI and platform-specific settings.
Line 27: Line 27:
* Platform-specific check boxes: Select which platforms are interesting for you and work with the relevant images only.
* Platform-specific check boxes: Select which platforms are interesting for you and work with the relevant images only.


== Changing a standard image ==
=== Changing a standard image ===


To replace a standard/default image with a custom image:
To replace a standard/default image with a custom image:
Line 35: Line 35:
# Click '''Save'''.
# Click '''Save'''.


== Adding a custom image ==
=== Adding a custom image ===


If you want to add a picture to the custom item, you can use the default directories or you can create your own directory for storing custom images.
If you want to add a picture to the custom item, you can use the default directories or you can create your own directory for storing custom images.
Line 46: Line 46:
# When you have uploaded all the necessary versions, click '''Save'''.
# When you have uploaded all the necessary versions, click '''Save'''.


== Colorize ==
=== Colorize ===


If you want to use your picture in the same way as default pictures are used (i.e. picture follows color selected in the theme or view style) you need to enable the Colorize option. It will create a mask from the picture that you add. The picture needs to have an alpha channel. Everything where alpha is different from 0, will be used as a mask and it will follow the color set in theme or view style.
If you want to use your picture in the same way as default pictures are used (i.e. picture follows color selected in the theme or view style) you need to enable the Colorize option. It will create a mask from the picture that you add. The picture needs to have an alpha channel. Everything where alpha is different from 0, will be used as a mask and it will follow the color set in theme or view style.


== Bulk changes ==
=== Bulk changes ===


Bulk import is done by importing a specifically named zip file that contains the images in a specific folder structure – the best way to explore the folder structure is to download the icon package from our [https://www.resco.net/downloads/icons.zip WEBSITE]. Once you have the file, you need to remove the directories and files that you don’t want to change. This way you won’t need to worry about getting the names of the folders or the structure of the folders wrong.
Bulk import is done by importing a specifically named zip file that contains the images in a specific folder structure – the best way to explore the folder structure is to download the icon package from our [https://www.resco.net/downloads/icons.zip WEBSITE]. Once you have the file, you need to remove the directories and files that you don’t want to change. This way you won’t need to worry about getting the names of the folders or the structure of the folders wrong.
Line 80: Line 80:
{{Note|The zip should only contain images you want to replace or add, so if you use the sample zip, you need to remove all the default images, otherwise they will be used twice in the project, and the project will increase in the size, resulting to possible problems in synchronization, and increasing the time of synchronization.}}
{{Note|The zip should only contain images you want to replace or add, so if you use the sample zip, you need to remove all the default images, otherwise they will be used twice in the project, and the project will increase in the size, resulting to possible problems in synchronization, and increasing the time of synchronization.}}


== Add images to views and forms ==
== Entity images ==


When designing a custom [[view]] or [[form]], you can display images related to your record.
When designing a custom [[view]] or [[form]], you can display images related to your record.


* To learn more about what List and Form images represent in Dynamics, please check this [http://blog.resco.net/2014/06/23/data-images-simply-explained/ blog post]. {{Badge|Blog}}
* To learn more about what view and form images represent in Dynamics, please check this [http://blog.resco.net/2014/06/23/data-images-simply-explained/ blog post]. {{Badge|Blog}}
* See also an example of Woodford setup for List and Form images in this [http://blog.resco.net/2014/06/23/data-images-setup/ blog post]. {{Badge|Blog}}
* See also an example of Woodford setup for view and form images in this [http://blog.resco.net/2014/06/23/data-images-setup/ blog post]. {{Badge|Blog}}


=== Use Note attachment as image in views ===
=== Use Note attachment as image in views ===


You add pictures that were originally saved as Note attachments to the view and/or to an edit form. This way you can for example show the photo of your contact or a picture of your product in the app's forms and views.
You add pictures that were originally saved as Note attachments to the view and/or to an edit form. This way you can, for example, show the photo of your contact or a picture of your product in the app's forms and views.


To display pictures on a view, you need to do following:
To display pictures on a view, you need to do following:
Line 114: Line 114:
If you use images in views, and there are some records that do not have any image in their Note, you can display a default (placeholder) image instead, so that there is not an empty slot in the view.
If you use images in views, and there are some records that do not have any image in their Note, you can display a default (placeholder) image instead, so that there is not an empty slot in the view.


Also, it is possible to set editable images in views. It does not mean that you can edit the image, but you can edit the field, that is represented by it. For example, an option set may be displayed as image, rather that its value as text. And similarly to editable fields, you can change the value with the images.
Also, it is possible to set editable images in views. It does not mean that you can edit the image, but you can edit the field, that is represented by it. For example, an option set may be displayed as image, rather than its value as text. And similarly to editable fields, you can change the value with the images.


To find out how to set up these two features, please check this webinar [https://youtu.be/9vL4QRN_1dk?t=607 section]. {{Badge|Webinar}}
To find out how to set up these two features, please check this webinar [https://youtu.be/9vL4QRN_1dk?t=607 section]. {{Badge|Webinar}}
Line 143: Line 143:


When changes are saved, the project needs to be published and synchronized with the Mobile CRM app. Entity images will appear on the view and on the edit form for those records that have an entity image.
When changes are saved, the project needs to be published and synchronized with the Mobile CRM app. Entity images will appear on the view and on the edit form for those records that have an entity image.
=== Resizing and cropping images ===


[[Category:Woodford]]
[[Category:Woodford]]

Navigation menu