Difference between revisions of "Icon Font"
Line 67: | Line 67: | ||
| [[File:UBIKstandard_child-changes-VARIANT.png|64 px|center]] || ''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 | | [[File:UBIKstandard_child-changes-VARIANT.png|64 px|center]] || ''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 | ||
|- | |- | ||
− | | [[File:UBIKstandard_child-technical-alert.png|64 px|center]] || ''Technical Alert'' - Use to show that one or more children within the branch have | + | | [[File:UBIKstandard_child-technical-alert.png|64 px|center]] || ''Technical Alert'' - Use to show that one or more children within the branch have an active Technical Alert status. || inappName || hex |
+ | |- | ||
+ | | [[File:UBIKstandard_organizational-in-progress.png|64 px|center]] || ''ORG Ongoing'' - Used to show that one or more of the tasks underneath this object are still in progress. || 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-locked.png|64 px|center]] || ''Locked'' || inappName || hex | ||
+ | |- | ||
+ | | [[File:UBIKstandard_child-deleted-or-action-delete.png|64 px|center]] || ''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 | ||
+ | |- | ||
+ | | [[File:.png|64 px|center]] || ''name'' || inappName || hex | ||
|- | |- | ||
| [[File:.png|64 px|center]] || ''name'' || inappName || hex | | [[File:.png|64 px|center]] || ''name'' || inappName || hex |
Revision as of 13:52, 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.
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.
BASIC 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 | |
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 |
CHILD PAGE
Icon | Casual Name / Description | In-App Name | Hex Code |
---|---|---|---|
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 | |
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 | |
name | inappName | hex | |
name | inappName | hex | |
name | inappName | hex | |
name | inappName | hex | |
name | inappName | hex | |
name | inappName | hex | |
name | inappName | hex |
CHILD PAGE
Icon | Casual Name / Description | In-App Name | Hex Code |
---|---|---|---|
name | inappName | hex |