Jump to: navigation, search

Difference between revisions of "Icon Font"


Line 13: Line 13:
 
{| class="wikitable" | width = "100%"
 
{| class="wikitable" | width = "100%"
 
|-
 
|-
! Icon !! Casual Name !! Purpose !! In-App Name !! Hex Code
+
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
 
|-
 
|-
|[[File:UBIKstandard_home-ubik.png|64 px|center]] || "name" || Description. || inappName || hex  
+
|[[File:UBIKstandard_home-ubik.png|64 px|center]] || ''Ubik'' - Scalable UBIK logo for use on the splash screen. || Ubik || hex
 
|-
 
|-
| [[File:.png|46 px|center]] || "name" || Description. || inappName || hex  
+
| [[File:UBIKstandard_home-service-group.png|64 px|center]] || ''Service'' - The customer profile. || Service|| hex
 +
|-
 +
| [[File:UBIKstandard_home-user-name.png|64 px|center]] || ''User'' || User || hex
 +
|-
 +
| [[File:UBIKstandard_home-password.png|64 px|center]] || ''Password'' || Password || hex
 +
|-
 +
| [[File:UBIKstandard_home-log-in.png|64 px|center]] || ''Log In'' || Login || hex
 +
|-
 +
| [[File:UBIKstandard_home-log-out.png|64 px|center]] || ''Log Out'' || Logout || hex
 +
|-
 +
| [[File:UBIKstandard_global-navigation-hamburger.png|64 px|center]] || ''Navigation''' - Global navigation or Hamburger Button || Navigation|| hex
 +
|-
 +
| [[File:UBIKstandard_global-more-actions.png|64 px|center]] || ''More Actions'' || Actions || hex
 +
|-
 +
| [[File:UBIKstandard_global-home.png|64 px|center]] || ''Home'' || Home || hex
 +
|-
 +
| [[File:UBIKstandard_global-scan.png|64 px|center]] || ''Scan'' || Scan || hex
 +
|-
 +
| [[File:UBIKstandard_global-poi.png|64 px|center]] || ''POI'' - NOT YET CREATED ||  || hex
 +
|-
 +
| [[File:UBIKstandard_global-settings.png|64 px|center]] || ''Settings'' || Settings || hex
 +
|-
 +
| [[File:UBIKstandard_global-search.png|64 px|center]] || ''Search'' || Search || hex
 +
|-
 +
| [[File:UBIKstandard_sync-online.png|64 px|center]] || ''Syncmode-'' - Fully automated || Online|| hex
 +
|-
 +
| [[File:UBIKstandard_sync-manual.png|64 px|center]] || ''Syncmode'' - Automatic downloads / manual uploads || Manual|| hex
 +
|-
 +
| [[File:UBIKstandard_sync-offline.png|64 px|center]] || ''Syncmode'' - No Automatic uploads or downloads || Offline|| hex
 +
|-
 +
| [[File:.png|64 px|center]] || ''name'' || inappName || hex  
 
|-
 
|-
 
|}
 
|}
  
 
[[Category:Pages with broken file links|Icon Font]]
 
[[Category:Pages with broken file links|Icon Font]]

Revision as of 13:30, 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.

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
name inappName hex