Skip to Content
0
Feb 08, 2022 at 03:17 PM

MDK Android app ActionBar Items not Showing Icons

670 Views Last edit Feb 16, 2022 at 01:19 PM 3 rev

Hi,

I am trying the chive design like below

image.png

I am using ActionBar Items like below

{
    "Controls": [{
        "_Type": "Control.Type.SectionedTable",
        "_Name": "SectionedTable0"
    }],
    "_Type": "Page",
    "_Name": "Main",
    "Caption": "Main",
    "ActionBar": {
        "Items": [{
            "Text": "About",
            "_Name": "AboutActionBarItem2",
            "Caption": "About",
            "Position": "Right",
            "IsIconCircular": true,
            "Icon": "/HuStatusUpdatePOC/Images/ic_about.png",
            "OnPress": "/HuStatusUpdatePOC/Rules/OnClickMenuItem.js"
        }, {
            "Text": "Support",
            "_Name": "SupportActionBarItem1",
            "Caption": "Support",
            "Position": "Right",
            "Icon": "/HuStatusUpdatePOC/Images/ic_support.png",
            "IsIconCircular": true,
            "OnPress": "/HuStatusUpdatePOC/Rules/OnClickMenuItem.js"
        }, {
            "Text": "Logout",
            "_Name": "LogoutActionBarItem",
            "Caption": "Logout",
            "Position": "Right",
            "IsIconCircular": false,
            "Icon": "/HuStatusUpdatePOC/Images/ic_logout.png",
            "OnPress": "/HuStatusUpdatePOC/Actions/Logout.action"
        }, {
            "Text": "Sync",
            "_Name": "UploadActionBarItem",
            "Caption": "Sync Changes",
            "Position": "Right",
            "IsIconCircular": false,
            "Icon": "/HuStatusUpdatePOC/Images/ic_logout.png",
            "OnPress": "/HuStatusUpdatePOC/Actions/Service/SyncStartedMessage.action"
        }, {
            "Text": "Check for Update",
            "_Name": "DownloadActionBarItem",
            "Caption": "Check for Update",
            "Position": "Right",
            "Icon": "/HuStatusUpdatePOC/Images/ic_download.png",
            "IsIconCircular": false,
            "OnPress": "/HuStatusUpdatePOC/Actions/Service/DownloadStartedMessage.action"
        }, {
            "Text": "Support",
            "_Name": "SupportActionBarItem",
            "Caption": "Support",
            "Position": "Right",
            "Icon": "/HuStatusUpdatePOC/Images/ic_support_48.png",
            "IsIconCircular": false,
            "OnPress": "/HuStatusUpdatePOC/Rules/OnClickMenuItem.js"
        }, {
            "Text": "About",
            "_Name": "AboutActionBarItem",
            "Caption": "About",
            "Position": "Right",
            "IsIconCircular": false,
            "Icon": "/HuStatusUpdatePOC/Images/ic_about.png",
            "OnPress": "/HuStatusUpdatePOC/Rules/OnClickMenuItem.js"
        }],
        "_Name": "ActionBar1"
    },
    "ToolBar": {}
}

I have used 24X24 px and 48X48 pixcel image as mention in document , but the menu icon is not showing in the app.

image.png

Is there is any alternate way to achieve same design ?

Attachments

image.png (22.6 kB)
image.png (34.9 kB)