Jump to: navigation, search

Changes


Icon Font

3,901 bytes added, 08:44, 30 September 2019
== 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 codesuffix, 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. Hex Code Usage:In the below example, the attribute <syntaxhighlight>Glyph="&#x22;"</syntaxhighlight><syntaxhighlight lang="xml"><FontIcon FontFamily="UBIK-Standard" Glyph="&#x22;" Foreground="{DynamicResource UBIKLightThemeColor}" /></syntaxhighlight> In-AppName Usage:In the below example, "UBIKIcons.Service" is used to call the symbol for Service or Group.<syntaxhighlight lang="xml"><ctrls:GlyphLabel Glyph="{x:Static resources:UBIKIcons.User}" PrimaryColor="{DynamicResource UBIKLightThemeColor}" SecondaryColor="{DynamicResource UBIKDarkThemeColor}" Style="{DynamicResource UBIKSymbolLabel}" VerticalOptions="Center" /> </syntaxhighlight> ===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 || hex<syntaxhighlight>26;</syntaxhighlight>
|-
| [[File:UBIKstandard_home-service-group.png|64 px|center]] || ''Service'' - The customer profile. || Service|| hex <code> &#x21; </code>
|-
| [[File:UBIKstandard_home-user-name.png|64 px|center]] || ''User'' || User || hex &#x22;
|-
| [[File:UBIKstandard_home-password.png|64 px|center]] || ''Password'' || Password || hex &#x23;
|-
| [[File:UBIKstandard_home-log-in.png|64 px|center]] || ''Log In'' || Login || hex &#x24;
|-
| [[File:UBIKstandard_home-log-out.png|64 px|center]] || ''Log Out'' || Logout || hex &#x25;
|-
| [[File:UBIKstandard_global-navigation-hamburger.png|64 px|center]] || ''Navigation'' - Global navigation or Hamburger Button || Navigation|| hex &#x28;
|-
| [[File:UBIKstandard_global-more-actions.png|64 px|center]] || ''More Actions'' || Actions || hex &#x29;
|-
| [[File:UBIKstandard_global-home.png|64 px|center]] || ''Home'' || Home || hex &#x2A;
|-
| [[File:UBIKstandard_global-scan.png|64 px|center]] || ''Scan'' || Scan || hex &#x2B;
|-
| [[File:UBIKstandard_global-poi.png|64 px|center]] || ''POI'' - NOT YET CREATED || || hex
|-
| [[File:UBIKstandard_global-settings.png|64 px|center]] || ''Settings'' || Settings || hex &#x2D;
|-
| [[File:UBIKstandard_global-search.png|64 px|center]] || ''Search'' || Search || hex &#x2E;
|-
| [[File:UBIKstandard_sync-online.png|64 px|center]] || ''Syncmode-'' - Fully automated Automatic uploads and downloads || Online|| hex &#x30;
|-
| [[File:UBIKstandard_sync-manual.png|64 px|center]] || ''Syncmode'' - Automatic downloads / manual uploads || Manual|| hex &#x31;
|-
| [[File:UBIKstandard_sync-offline.png|64 px|center]] || ''Syncmode'' - No Automatic uploads or downloads || Offline|| hex &#x32;
|-
| [[File:UBIKstandard_home-start-children.png|64 px|center]] || ''Start } ===OBJECT PAGE / 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 TABS==={|class="wikitable" | hex width = "100%"
|-
| [[File:UBIKstandard_tab! Icon !! Casual Name / Description !! In-properties.png|64 px|center]] || ''Properties'' - Used for Properties tab just under the object title in the Header. || inappName || hex App Name !! Hex Code
|-
| [[File:UBIKstandard_tabUBIKstandard_home-documentsstart-children.png|64 px|center]] || ''DocumentsStart / Objects / Children'' - Used Symbol used to signify an object hierarchy. Thus used after logging in as the Start symbol, as well as for Properties the Children tab just under the object title in the Header. || inappName Children, Start || hex &#x4A;
|-
| [[File:UBIKstandard_tab-document-viewingproperties.png|64 px|center]] || ''Document being ViewedProperties'' - Used for Properties tab just under the object title in place of the Children tab (first position) when a document is being viewedHeader. || inappName Properties || hex &#x4B;
|-
| [[File:UBIKstandard_childUBIKstandard_tab-changeddocuments.png|64 px|center]] || ''Uncommitted ChangesDocuments'' - Used to show an item has alterations which have not yet been committed to the server (for example, Properties tab just under the object title in offline mode)the Header. || inappName Documents || hex &#x4C;
|-
| [[File:UBIKstandard_childUBIKstandard_tab-changesdocument-VARIANTviewing.png|64 px|center]] || ''Uncommitted Changes / VariantDocument being Viewed'' - An alternate symbol for Used in place of the usage. Currently, the small size that the icon Children tab (first position) when a document is rendered at means that this image is too detailed for use on a child item in the above descriptionbeing viewed. || inappName DocumentView || hex &#x4D;
|-
| [[File:UBIKstandard_child-technical-alert.png} ===CHILD OBJECT STATUS BADGES==={|64 pxclass="wikitable" |center]] || ''Technical Alert'' - Use to show that one or more children within the branch have an active Technical Alert status. || inappName || hex width = "100%"
|-
| [[File:UBIKstandard_organizational! Icon !! Casual Name / Description !! In-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 App Name !! Hex Code
|-
| [[File:UBIKstandard_organizationalUBIKstandard_child-completechanged.png|64 px|center]] || ''ORG OngoingUncommitted Changes'' - Used to show that all the tasks underneath this object an item has alterations which have not yet been completedcommitted to the server (for example, and the ORG Status has been confirmedin offline mode). || inappName Changes || hex &#x41;
|-
| [[File:UBIKstandard_child-downloadchanges-or-downloadedVARIANT.png|64 px|center]] || ''DownloadedUncommitted Changes / Variant'' - Used to show that a branch download has occurredAn alternate symbol for the usage. Currently, making the small size that the icon is rendered at means that this object available offlineimage is too detailed for use on a child item in the above description. || inappName ChangesAlt || hex &#x40;
|-
| [[File:UBIKstandard_child-downloadedtechnical-VARIANTalert.png|64 px|center]] || ''DownloadedTechnical Alert'' An alternate symbol for the usage. Currently, the small size that the icon is rendered at means - Use to show that this image is too detailed for use on a child item in one or more children within the above descriptionbranch have an active Technical Alert status. || inappName Technical || hex &#x43;
|-
| [[File:UBIKstandard_childUBIKstandard_organizational-lockedin-progress.png|64 px|center]] || ''LockedOrganizational Status: Ongoing'' - Used to show that one or more of the tasks underneath this object are still in progress. || inappName OrgOngoing || hex &#x44;
|-
| [[File:UBIKstandard_childUBIKstandard_organizational-deleted-or-action-deletecomplete.png|64 px|center]] || ''DeletedOrganizational Status: Complete''- Can be used both as a Delete action, as well as Used to indicate an as-yet uncommitted Deleted status (for exampleshow that all the tasks underneath this object have been completed, in offline mode)and the ORG Status has been confirmed. || inappName OrgComplete || hex &#x45;
|-
| [[File:UBIKstandard_actionUBIKstandard_child-adddownload-or-downloaded.png|64 px|center]] || ''AddDownloaded'' - Generic icon for adding somethingUsed to show that a branch download has occurred, making this object available offline. || inappName Downloaded || hex &#x48;
|-
| [[File:UBIKstandard_actionUBIKstandard_child-photodownloaded-VARIANT.png|64 px|center]] || ''Add PhotoDownloaded'' 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 DownloadedAlt || hex &#x46;
|-
| [[File:UBIKstandard_editorUBIKstandard_child-cancel-or-action-discardlocked.png|64 px|center]] || ''Discard / CancelLocked'' - 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 Locked || hex &#x47;
|-
| [[File:UBIKstandard_actionUBIKstandard_child-deleted-or-editoraction-revertdelete.png|64 px|center]] || ''Revert / ResetDeleted'' - Generally used to trigger a discarding of Indicates an as-yet uncommitted changesDeleted status (for example, such as on a child object, or to reset to a default value in an editoroffline mode). || inappName Deleted || hex &#x52;
|-
| [[File:UBIKstandard_action-download.png} ===PROPERTIES==={|64 pxclass="wikitable" |center]] || ''Download'' - Action to trigger a Branch Download. Is quite similar to the above Downloaded Variant symbol, and may be used interchangeably. || inappName || hex width = "100%"
|-
| [[File:UBIKstandard_action! Icon !! Casual Name / Description !! In-use-location.png|64 px|center]] || ''Use Geo Location'' || inappName || hex App Name !! Hex Code
|-
| [[File:UBIKstandard_editorUBIKstandard_document-confirmonline-linked.png|64 px|center]] || ''ConfirmOnline/Linked Document'' - Used to indicate strong signal, or as a base for the Ok and Bad signal icons. || inappName OnlineDoc || hex &#x66;
|-
| [[File:UBIKstandard_editorUBIKstandard_property-editsignal-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 || &#x63;|-| [[File:UBIKstandard_property-signal-ok.png|64 px|center]] || ''Live Value Signal: Ok''|| SignalOK || &#x64;|-| [[File:UBIKstandard_property-signal-bad.png|64 px|center]] || ''Live Value Signal: Ok''|| SignalBad || &#x65;|-| [[File:UBIKstandard_property-read-only.png|64 px|center]] || ''Read Only Property''|| PropReadOnly || &#x60;|-| [[File:UBIKstandard_property-editable.png|64 px|center]] || ''Editable Property''|| PropEdit || &#x61;|-| [[File:UBIKstandard_property-list-editable.png|64 px|center]] || ''EditEditable List'' || inappName PropEditList || hex &#x62;
|-
|}
 ===CHILD PAGEACTIONS===
{| class="wikitable" | width = "100%"
|-
! Icon !! Casual Name / Description !! In-App Name !! Hex Code
|-
| [[File:UBIKstandard_action-add.png|64 px|center]] || ''nameAdd'' - Generic icon for adding something. || Add || &#x50;|-| [[File:UBIKstandard_action-photo.png|64 px|center]] || ''Add Photo'' || Photo || &#x51;|-| [[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 || &#x52;|-| [[File:UBIKstandard_editor-cancel-or-action-discard.png|64 px|center]] || ''Discard'' - Discard object from local database. || Discard, Cancel || &#x53;|-| [[File:UBIKstandard_action-or-editor-revert.png|64 px|center]] || ''Revert'' - Discard uncommitted changes. || Revert, Reset || &#x54;|-| [[File:UBIKstandard_action-download.png|64 px|center]] || ''Download'' - Action to trigger a Branch Download. || Download || &#x55;|-| [[File:UBIKstandard_action-use-location.png|64 px|center]] || ''Use Geo Location'' || UseLocation || &#x56;|-|} ===EDITORS==={| class="wikitable" | width = "100%"|-! Icon !! Casual Name / Description !! In-App Name !! Hex Code|-| [[File:UBIKstandard_editor-confirm.png|64 px|center]] || ''Confirm'' || Confirm, Check, Ok, TaskYes || &#x57;|-| [[File:UBIKstandard_action-or-editor-revert.png|64 px|center]] || ''Revert'' || Revert, Reset || &#x54;|-| [[File:UBIKstandard_editor-cancel-or-action-discard.png|64 px|center]] || ''Cancel'' - Exit editor without saving changes. || Cancel || &#x53;|-| [[File:UBIKstandard_navigation-right.png|64 px|center]] || ''GUID: Go To'' || GoTo, Right || &#x5B;|-| [[File:UBIKstandard_editor-edit.png|64 px|center]] || ''GUID: Edit'' || Edit || &#x5C;|-| [[File:UBIKstandard_child-deleted-or-action-delete.png|64 px|center]] || ''GUID: Delete'' || Delete, Deleted || &#x52;|-|} ===TASK ACTIONS==={| class="wikitable" | width = "100%"|-! Icon !! Casual Name / Description !! In-App Name !! Hex Code|-| [[File:UBIKstandard_editor-confirm.png|64 px|center]] || ''Task Yes'' || Confirm, Check, Ok, TaskYes || &#x57;|-| [[File:UBIKstandard_editor-cancel-or-action-discard.png|64 px|center]] || ''Task No'' || Discard, Cancel || &#x57;|-| [[File:UBIKstandard_editor-confirm.png|64 px|center]] || ''Task Finished'' || Confirm, Check, Ok, TaskYes || &#x57;|-| [[File:UBIKstandard_editor-NA.png|64 px|center]] || ''Task NA'' || Task NA || &#x6A;|-|} ===GENERIC NAVIGATION==={| class="wikitable" | width = "100%"|-! Icon !! Casual Name / Description !! In-App Name !! Hex Code|-| [[File:UBIKstandard_navigation-right.png|64 px|center]] || ''Right'' || Right, GoTo || &#x5B;|-| [[File:UBIKstandard_navigation-left.png|64 px|center]] || ''Left'' || Left || &#x5D;|-| [[File:UBIKstandard_navigation-up.png|64 px|center]] || ''Up'' || Up || &#x5E;|-| [[File:UBIKstandard_navigation-down.png|64 px|center]] || ''Down'' || inappName Down || hex &#x5F;
|-
|}
[[Category:Pages with broken file links|Icon Font]]
487
edits