Difference between revisions of "Icon Font"

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

The 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.

ICONS

Icon	Casual Name / Description	In-App Name	Hex Code
	Ubik - Scalable UBIK logo for use on the splash screen.	Ubik	hex
	Service - The customer profile.	Service	hex
	User	User	hex
	Password	Password	hex
	Log In	Login	hex
	Log Out	Logout	hex
	Navigation - Global navigation or Hamburger Button	Navigation	hex
	More Actions	Actions	hex
	Home	Home	hex
	Scan	Scan	hex
64 px	POI - NOT YET CREATED		hex
	Settings	Settings	hex
	Search	Search	hex
	Syncmode- - Fully automated	Online	hex
	Syncmode - Automatic downloads / manual uploads	Manual	hex
	Syncmode - No Automatic uploads or downloads	Offline	hex
	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
	Properties - Used for Properties tab just under the object title in the Header.	inappName	hex
	Documents - Used for Properties tab just under the object title in the Header.	inappName	hex
	Document being Viewed - Used in place of the Children tab (first position) when a document is being viewed.	inappName	hex
	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
	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
	Technical Alert - Use to show that one or more children within the branch have an active Technical Alert status.	inappName	hex
	ORG Ongoing - Used to show that one or more of the tasks underneath this object are still in progress.	inappName	hex
	ORG Ongoing - Used to show that all the tasks underneath this object have been completed, and the ORG Status has been confirmed.	inappName	hex
	Downloaded - Used to show that a branch download has occurred, making this object available offline.	inappName	hex
	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
	Locked	inappName	hex
	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
	Add - Generic icon for adding something.	inappName	hex
	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
	Download - Action to trigger a Branch Download. Is quite similar to the above Downloaded Variant symbol, and may be used interchangeably.	inappName	hex
	Use Geo Location	inappName	hex
	Confirm	inappName	hex
	Edit	inappName	hex

CHILD PAGE

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

@@ Line 11: / Line 11: @@
 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===
+===ICONS===
 {| class="wikitable" | width = "100%"
 |-
@@ Line 47: / Line 47: @@
 |-
 | [[File:UBIKstandard_sync-offline.png|64 px|center]] || ''Syncmode'' - No Automatic uploads or downloads || Offline|| hex
-|-
-|}
-===CHILD PAGE===
-{| class="wikitable" | width = "100%"
-|-
-! Icon !! Casual Name / Description !! In-App Name !! Hex Code
 |-
 | [[File:UBIKstandard_home-start-children.png|64 px|center]] || ''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