Jump to: navigation, search

Difference between revisions of "Icon Font"


Line 73: Line 73:
 
| [[File:UBIKstandard_organizational-complete.png|64 px|center]] || ''ORG Ongoing'' - Used to show that all the tasks underneath this object have been completed, and the ORG Status has been confirmed. || inappName || hex  
 
| [[File:UBIKstandard_organizational-complete.png|64 px|center]] || ''ORG Ongoing'' - Used to show that all the tasks underneath this object have been completed, and the ORG Status has been confirmed. || inappName || hex  
 
|-
 
|-
| [[File:UBIKstandard_action-download.png|64 px|center]] || ''Downloaded'' - Used to show that a branch download has occurred, making this object available offline. || inappName || hex  
+
| [[File:UBIKstandard_child-download-or-downloaded.png|64 px|center]] || ''Downloaded'' - Used to show that a branch download has occurred, making this object available offline. || inappName || hex
 +
|-
 +
| [[File:UBIKstandard_child-downloaded-VARIANT.png|64 px|center]] || ''Downloaded'' An alternate symbol for the usage. Currently, the small size that the icon is rendered at means that this image is too detailed for use on a child item in the above description. || inappName || hex  
 
|-
 
|-
 
| [[File:UBIKstandard_child-locked.png|64 px|center]] || ''Locked'' || inappName || hex  
 
| [[File:UBIKstandard_child-locked.png|64 px|center]] || ''Locked'' || inappName || hex  
Line 87: Line 89:
 
| [[File:UBIKstandard_action-revert.png|64 px|center]] || ''Revert / Reset'' - Generally used to trigger a discarding of uncommitted changes, such as on a child object, or to reset to a default value in an editor. || inappName || hex  
 
| [[File:UBIKstandard_action-revert.png|64 px|center]] || ''Revert / Reset'' - Generally used to trigger a discarding of uncommitted changes, such as on a child object, or to reset to a default value in an editor. || inappName || hex  
 
|-
 
|-
| [[File:UBIKstandard_action-download.png|64 px|center]] || ''Download'' || inappName || hex  
+
| [[File:UBIKstandard_action-download.png|64 px|center]] || ''Download'' - Action to trigger a Branch Download. Is quite similar to the above Downloaded Variant symbol, and may be used interchangeably. || inappName || hex  
 
|-
 
|-
 
| [[File:UBIKstandard_action-use-location.png|64 px|center]] || ''Use Geo Location'' || inappName || hex  
 
| [[File:UBIKstandard_action-use-location.png|64 px|center]] || ''Use Geo Location'' || inappName || hex  

Revision as of 14:08, 27 September 2019

UBIK-Standard.ttf is a custom set of font icons developed primarily for use on the Xamarin Client, due to concerns over the legality of using Microsoft's Segoe MDL2 Assets icon font file on non-Windows platforms (ie. Android and iOS). Apart from this legal concern, having a standardized font icon set will contribute to having a more consistent look across the various platforms, clients, once UBIK-Standard.ttf becomes more widely used in both standard builds, and individual customizings.

IC Hint square.pngThe latest font set can be downloaded directly from the UBIK-Standard.zip file.

Known Issues

The development of the custom icon font on the Xamarin client was hampered significantly by unexpected icon substitutions, which appeared to be vender/device-specific. To avoid this issue, the individual icons in the text file were mapped to the Hex codes used by the most basic alphabet and symbol characters.

A second issue was encountered where using unstable behavior was observed when using UBIK-Standard.ttf in FontIcons, and while using the "Label=" attribute. -Ask Liang-

Original Set

The first full version of the icon set was completed in September 2019. The following table shows the icons, along with a description of their intended purpose (some have multiple), and the natural language In-App Name, and Hex code, both of which can be used to call the icons using XAML.

BASIC ICONS

Icon Casual Name / Description In-App Name Hex Code
UBIKstandard home-ubik.png
Ubik - Scalable UBIK logo for use on the splash screen. Ubik hex
UBIKstandard home-service-group.png
Service - The customer profile. Service hex
UBIKstandard home-user-name.png
User User hex
UBIKstandard home-password.png
Password Password hex
UBIKstandard home-log-in.png
Log In Login hex
UBIKstandard home-log-out.png
Log Out Logout hex
UBIKstandard global-navigation-hamburger.png
Navigation - Global navigation or Hamburger Button Navigation hex
UBIKstandard global-more-actions.png
More Actions Actions hex
UBIKstandard global-home.png
Home Home hex
UBIKstandard global-scan.png
Scan Scan hex
POI - NOT YET CREATED hex
UBIKstandard global-settings.png
Settings Settings hex
UBIKstandard global-search.png
Search Search hex
UBIKstandard sync-online.png
Syncmode- - Fully automated Online hex
UBIKstandard sync-manual.png
Syncmode - Automatic downloads / manual uploads Manual hex
UBIKstandard sync-offline.png
Syncmode - No Automatic uploads or downloads Offline hex

CHILD PAGE

Icon Casual Name / Description In-App Name Hex Code
UBIKstandard home-start-children.png
Start / Objects / Children - Symbol used to signify an object hierarchy. Thus used as the Start symbol, and for the Children tab just under the object title in the Header. inappName hex
UBIKstandard tab-properties.png
Properties - Used for Properties tab just under the object title in the Header. inappName hex
UBIKstandard tab-documents.png
Documents - Used for Properties tab just under the object title in the Header. inappName hex
UBIKstandard tab-document-viewing.png
Document being Viewed - Used in place of the Children tab (first position) when a document is being viewed. inappName hex
UBIKstandard child-changed.png
Uncommitted Changes - Used to show an item has alterations which have not yet been committed to the server (for example, in offline mode). inappName hex
UBIKstandard child-changes-VARIANT.png
Uncommitted Changes / Variant - An alternate symbol for the usage. Currently, the small size that the icon is rendered at means that this image is too detailed for use on a child item in the above description. inappName hex
UBIKstandard child-technical-alert.png
Technical Alert - Use to show that one or more children within the branch have an active Technical Alert status. inappName hex
UBIKstandard organizational-in-progress.png
ORG Ongoing - Used to show that one or more of the tasks underneath this object are still in progress. inappName hex
UBIKstandard organizational-complete.png
ORG Ongoing - Used to show that all the tasks underneath this object have been completed, and the ORG Status has been confirmed. inappName hex
UBIKstandard child-download-or-downloaded.png
Downloaded - Used to show that a branch download has occurred, making this object available offline. inappName hex
UBIKstandard child-downloaded-VARIANT.png
Downloaded An alternate symbol for the usage. Currently, the small size that the icon is rendered at means that this image is too detailed for use on a child item in the above description. inappName hex
UBIKstandard child-locked.png
Locked inappName hex
UBIKstandard child-deleted-or-action-delete.png
Deleted- Can be used both as a Delete action, as well as to indicate an as-yet uncommitted Deleted status (for example, in offline mode). inappName hex
UBIKstandard action-add.png
Add - Generic icon for adding something. inappName hex
UBIKstandard action-photo.png
Add Photo inappName hex
Discard / Cancel - Generally used to trigger a cancelling of uncommitted changes, such as discarding an object from your local database (to update it), or to cancel without saving changes in an editor. inappName hex
Revert / Reset - Generally used to trigger a discarding of uncommitted changes, such as on a child object, or to reset to a default value in an editor. inappName hex
UBIKstandard action-download.png
Download - Action to trigger a Branch Download. Is quite similar to the above Downloaded Variant symbol, and may be used interchangeably. inappName hex
UBIKstandard action-use-location.png
Use Geo Location inappName hex
UBIKstandard editor-confirm.png
Confirm inappName hex
UBIKstandard editor-edit.png
Edit inappName hex

CHILD PAGE

Icon Casual Name / Description In-App Name Hex Code
name inappName hex