Changes
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 Usage==The first full version of the icon set was completed in September 2019. The following table shows tables on this page show the icons, along with a description of their intended purpose (some have multiple), and the natural language In-App Name, and Hex code suffix, both of which can be used to call the icons using XAML.
Using XAML, Glyphs can be called in two ways. One method is to use the Hex Code, and another is the In-App Name. The two below examples show how one might use both methods to create a User symbol.
<br>
Hex Code Usage:
In the below example, the attribute <syntaxhighlighti>Glyph="""</syntaxhighlighti>and the following Hex Code is used to call the User icon. These Hex codes can be found using a Character Map program, or by searching through the icon tables below.
<syntaxhighlight lang="xml">
<FontIcon FontFamily="UBIK-Standard" Glyph=""" Foreground="{DynamicResource UBIKLightThemeColor}" />
</syntaxhighlight>
{{Attention|WikiFormatting prevents the entire Hex Code from being displayed in the tables, so a space was used to break the glyph code. Please remove the space when using the Hex Codes from the table.}}
<br>
In-AppName Usage:
In the below example, "UBIKIcons.Service" is used to call the symbol for Service or Group.
</syntaxhighlight>
==Icon Tables=BASIC ICONS====Basic Icons===
{| class="wikitable" | width = "100%"
|-
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
|-
|[[File:UBIKstandard_home-ubik.png|64 px|center]] || ''Ubik'' - Scalable UBIK logo for use on the splash screen. || Ubik || <syntaxhighlightcode>&#x 26;</syntaxhighlightcode>
|-
| [[File:UBIKstandard_home-service-group.png|64 px|center]] || ''Service'' - The customer profile. || Service|| <code> !x 21; </code>
|-
| [[File:UBIKstandard_home-user-name.png|64 px|center]] || ''User'' || User || <code>"x 22;</code>
|-
| [[File:UBIKstandard_home-password.png|64 px|center]] || ''Password'' || Password || <code>#x 23;</code>
|-
| [[File:UBIKstandard_home-log-in.png|64 px|center]] || ''Log In'' || Login || <code>$x 24;</code>
|-
| [[File:UBIKstandard_home-log-out.png|64 px|center]] || ''Log Out'' || Logout || <code>%x 25;</code>
|-
| [[File:UBIKstandard_global-navigation-hamburger.png|64 px|center]] || ''Navigation'' - Global navigation or Hamburger Button || Navigation|| <code>(x 28;</code>
|-
| [[File:UBIKstandard_global-more-actions.png|64 px|center]] || ''More Actions'' || Actions || <code>)x 29;</code>
|-
| [[File:UBIKstandard_global-home.png|64 px|center]] || ''Home'' || Home || <code>*x 2A;</code>
|-
| [[File:UBIKstandard_global-scan.png|64 px|center]] || ''Scan'' || Scan || <code>+x 2B;</code>
|-
| [[File:UBIKstandard_global-poi.png|64 px|center]] || ''POI'' - NOT YET CREATED || || hex
|-
| [[File:UBIKstandard_global-settings.png|64 px|center]] || ''Settings'' || Settings || <code>-x 2D;</code>
|-
| [[File:UBIKstandard_global-search.png|64 px|center]] || ''Search'' || Search || <code>.x 2E;</code>
|-
| [[File:UBIKstandard_sync-online.png|64 px|center]] || ''Syncmode-'' - Automatic uploads and downloads || Online || <code>0x 30;</code>
|-
| [[File:UBIKstandard_sync-manual.png|64 px|center]] || ''Syncmode'' - Automatic downloads / manual uploads || Manual || <code>1x 31;</code>
|-
| [[File:UBIKstandard_sync-offline.png|64 px|center]] || ''Syncmode'' - No Automatic uploads or downloads || Offline || <code>2x 32; </code>
|-
|}
! 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 after logging in as the Start symbol, as well as for the Children tab just under the object title in the Header. || Children, Start || <code>Jx 4A;</code>
|-
| [[File:UBIKstandard_tab-properties.png|64 px|center]] || ''Properties'' - Used for Properties tab just under the object title in the Header. || Properties || <code>Kx 4B;</code>
|-
| [[File:UBIKstandard_tab-documents.png|64 px|center]] || ''Documents'' - Used for Properties tab just under the object title in the Header. || Documents || <code>Lx 4C;</code>
|-
| [[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. || DocumentView || <code>Mx 4D;</code>
|-
|}
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
|-
| [[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). || Changes || <code>Ax 41;</code>
|-
| [[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. || ChangesAlt || <code>@x 40;</code>
|-
| [[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. || Technical || <code>Cx 43;</code>
|-
| [[File:UBIKstandard_organizational-in-progress.png|64 px|center]] || ''Organizational Status: Ongoing'' - Used to show that one or more of the tasks underneath this object are still in progress. || OrgOngoing || <code>Dx 44;</code>
|-
| [[File:UBIKstandard_organizational-complete.png|64 px|center]] || ''Organizational Status: Complete'' - Used to show that all the tasks underneath this object have been completed, and the ORG Status has been confirmed. || OrgComplete || <code>Ex 45;</code>
|-
| [[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. || Downloaded || <code>Hx 48;</code>
|-
| [[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. || DownloadedAlt || <code>Fx 46;</code>
|-
| [[File:UBIKstandard_child-locked.png|64 px|center]] || ''Locked'' || Locked || <code>Gx 47;</code>
|-
| [[File:UBIKstandard_child-deleted-or-action-delete.png|64 px|center]] || ''Deleted''- Indicates an as-yet uncommitted Deleted status (for example, in offline mode). || Deleted || <code>Rx 52;</code>
|-
|}
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
|-
| [[File:UBIKstandard_document-online-linked.png|64 px|center]] || ''Online/Linked Document'' - Used to indicate strong signal, or as a base for the Ok and Bad signal icons. || OnlineDoc || <code>fx 66;</code>
|-
| [[File:UBIKstandard_property-signal-good.png|64 px|center]] || ''Live Value Signal: Good'' - Used to indicate strong signal, or as a base for the Ok and Bad signal icons. || SignalGood || <code>cx 63;</code>
|-
| [[File:UBIKstandard_property-signal-ok.png|64 px|center]] || ''Live Value Signal: Ok''|| SignalOK || <code>dx 64;</code>
|-
| [[File:UBIKstandard_property-signal-bad.png|64 px|center]] || ''Live Value Signal: Ok''|| SignalBad || <code>ex 65;</code>
|-
| [[File:UBIKstandard_property-read-only.png|64 px|center]] || ''Read Only Property''|| PropReadOnly || <code>`x 60;</code>
|-
| [[File:UBIKstandard_property-editable.png|64 px|center]] || ''Editable Property''|| PropEdit || <code>ax 61;</code>
|-
| [[File:UBIKstandard_property-list-editable.png|64 px|center]] || ''Editable List''|| PropEditList || <code>bx 62;</code>
|-
|}
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
|-
| [[File:UBIKstandard_action-add.png|64 px|center]] || ''Add'' - Generic icon for adding something. || Add || <code>Px 50;</code>
|-
| [[File:UBIKstandard_action-photo.png|64 px|center]] || ''Add Photo'' || Photo || <code>Qx 51;</code>
|-
| [[File:UBIKstandard_child-deleted-or-action-delete.png|64 px|center]] || ''Delete''- Indicates an as-yet uncommitted Deleted status (for example, in offline mode). || Delete, Deleted || <code>Rx 52;</code>
|-
| [[File:UBIKstandard_editor-cancel-or-action-discard.png|64 px|center]] || ''Discard'' - Discard object from local database. || Discard, Cancel || <code>Sx 53;</code>
|-
| [[File:UBIKstandard_action-or-editor-revert.png|64 px|center]] || ''Revert'' - Discard uncommitted changes. || Revert, Reset || <code>Tx 54;</code>
|-
| [[File:UBIKstandard_action-download.png|64 px|center]] || ''Download'' - Action to trigger a Branch Download. || Download || <code>Ux 55;</code>
|-
| [[File:UBIKstandard_action-use-location.png|64 px|center]] || ''Use Geo Location'' || UseLocation || <code>Vx 56;</code>
|-
|}
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
|-
| [[File:UBIKstandard_editor-confirm.png|64 px|center]] || ''Confirm'' || Confirm, Check, Ok, TaskYes || <code>Wx 57;</code>
|-
| [[File:UBIKstandard_action-or-editor-revert.png|64 px|center]] || ''Revert'' || Revert, Reset || <code>Tx 54;</code>
|-
| [[File:UBIKstandard_editor-cancel-or-action-discard.png|64 px|center]] || ''Cancel'' - Exit editor without saving changes. || Cancel || <code>Sx 53;</code>
|-
| [[File:UBIKstandard_navigation-right.png|64 px|center]] || ''GUID: Go To'' || GoTo, Right || <code>[x 5B;</code>
|-
| [[File:UBIKstandard_editor-edit.png|64 px|center]] || ''GUID: Edit'' || Edit || \</code>
|-
| [[File:UBIKstandard_child-deleted-or-action-delete.png|64 px|center]] || ''GUID: Delete'' || Delete, Deleted || <code>Rx 52;</code>
|-
|}
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
|-
| [[File:UBIKstandard_editor-confirm.png|64 px|center]] || ''Task Yes'' || Confirm, Check, Ok, TaskYes || <code>Wx 57;</code>
|-
| [[File:UBIKstandard_editor-cancel-or-action-discard.png|64 px|center]] || ''Task No'' || Discard, Cancel || W</code>
|-
| [[File:UBIKstandard_editor-confirm.png|64 px|center]] || ''Task Finished'' || Confirm, Check, Ok, TaskYes || <code>Wx 57;</code>
|-
| [[File:UBIKstandard_editor-NA.png|64 px|center]] || ''Task NA'' || Task NA || <code>jx 6A;</code>
|-
|}
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
|-
| [[File:UBIKstandard_navigation-right.png|64 px|center]] || ''Right'' || Right, GoTo || <code>[x 5B;</code>
|-
| [[File:UBIKstandard_navigation-left.png|64 px|center]] || ''Left'' || Left || <code>]x 5D;</code>
|-
| [[File:UBIKstandard_navigation-up.png|64 px|center]] || ''Up'' || Up || <code>^x 5E;</code>
|-
| [[File:UBIKstandard_navigation-down.png|64 px|center]] || ''Down'' || Down || <code>_x 5F;</code>
|-
|}
[[Category:Pages with broken file links|Icon Font]]
