Difference between revisions of "Icon Font"
| 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. | 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=== | ||
{| class="wikitable" | width = "100%" | {| class="wikitable" | width = "100%" | ||
|- | |- | ||
| Line 27: | Line 28: | ||
| [[File:UBIKstandard_home-log-out.png|64 px|center]] || ''Log Out'' || Logout || hex | | [[File:UBIKstandard_home-log-out.png|64 px|center]] || ''Log Out'' || Logout || hex | ||
|- | |- | ||
| − | | [[File:UBIKstandard_global-navigation-hamburger.png|64 px|center]] || ''Navigation | + | | [[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-more-actions.png|64 px|center]] || ''More Actions'' || Actions || hex | ||
| Line 46: | Line 47: | ||
|- | |- | ||
| [[File:UBIKstandard_sync-offline.png|64 px|center]] || ''Syncmode'' - No Automatic uploads or downloads || Offline|| hex | | [[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 | ||
| + | |- | ||
| + | | [[File:UBIKstandard_tab-properties.png|64 px|center]] || ''Properties'' - Used for Properties tab just under the object title in the Header. || inappName || hex | ||
| + | |- | ||
| + | | [[File:UBIKstandard_tab-documents.png|64 px|center]] || ''Documents'' - Used for Properties tab just under the object title in the Header. || inappName || hex | ||
| + | |- | ||
| + | | [[File:UBIKstandard_tab-document-viewing.png|64 px|center]] || ''Document being Viewed'' - Used in place of the Children tab (first position) when a document is being viewed. || inappName || hex | ||
| + | |- | ||
| + | | [[File:UBIKstandard_child-changed.png|64 px|center]] || ''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 | ||
| + | |- | ||
| + | | [[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 a Technical Alert status. || 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 | ||
| + | |- | ||
| + | | [[File:.png|64 px|center]] || ''name'' || inappName || hex | ||
| + | |- | ||
| + | | [[File:.png|64 px|center]] || ''name'' || inappName || hex | ||
| + | |- | ||
| + | | [[File:.png|64 px|center]] || ''name'' || inappName || hex | ||
| + | |- | ||
| + | |} | ||
| + | |||
| + | ===CHILD PAGE=== | ||
| + | {| class="wikitable" | width = "100%" | ||
| + | |- | ||
| + | ! Icon !! Casual Name / Description !! In-App Name !! Hex Code | ||
|- | |- | ||
| [[File:.png|64 px|center]] || ''name'' || inappName || hex | | [[File:.png|64 px|center]] || ''name'' || inappName || hex | ||
Revision as of 13:45, 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 a Technical Alert status. | 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 |
