Images: Difference between revisions

Jump to navigation Jump to search
613 bytes added ,  22 May 2020
No edit summary
Line 52: Line 52:
=== 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.


Please note, that different devices have different screen capabilities, and therefore there are different directories for them (like the Platform option in Images section in Woodford, when adding a new image).
Please note, that different devices have different screen capabilities, and therefore there are different directories for them (like the Platform option in Images section in Woodford, when adding a new image).
Line 78: Line 78:
After the import is done, we can verify the added images by searching for them in the list (use the filters Directory and Folder to get a quicker access to the images) or it can be verified by exporting the Images.zip, or by exporting the Mobile Project, adding an extension .zip to it and inspecting it. Images.zip file should be in the root.
After the import is done, we can verify the added images by searching for them in the list (use the filters Directory and Folder to get a quicker access to the images) or it can be verified by exporting the Images.zip, or by exporting the Mobile Project, adding an extension .zip to it and inspecting it. Images.zip file should be in the root.


{{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.}}
 
=== Default image size ===
 
Each part of the user interface has its own directory for icons. Each directory has a recommended size:
 
{| class="wikitable"
! Directory || Size in pixels
|-
| Home || 40
|-
| Tabs || 28
|-
| Activity || 32
|-
| CallDirection || 32
|-
| DetailView || 24
|-
| Email || 20
|-
| Search || 16
|-
| Buttons || 32
|-
| Controls || 32
|-
| Cmd || 28
|}
 
Keep in mind that these sizes work best on older low-resolution devices. Double or triple the recommended image dimensions for newer devices. Add the @2x or @3x suffix to the image name; see the previous section for examples.


=== Configurable on/off images on a form ===
=== Configurable on/off images on a form ===

Navigation menu