Pick, Pack, and Ship bottom menu pops up

Hi @junmao01,

You simply need to remove the Layout of "FooterLayout" that contains the popup because the "FooterLayout" has the "FooterSticky" layout, which activates a popup.

Hope, it helps!

Regards,

Sweta

Sweta,

Thanks for your reply. I removed the "FooterSticky" layout. But the problem is all these menu buttons are disappeared. The user still wants these menu buttons. They just don’t want it pop up. They want it stay at the bottom and swipe up when need it. They don't want it automatically pops up every time when they scan something.

Thanks,

Hi,

Only a “group” on the mobile (MSDL) app can be collapsible by default. So to have footer collapsed by default you have to warp all the actions into a “group.” 

Start by removing the original “FooterLayout” and replacing it with a copy that has a group wrapping all the actions.

update screen SO302020
{
    update container "HeaderView"
    {
      remove layout "FooterLayout"   

      add layout "CollapsedFooterLayout" {
            displayName = "CollapsedFooterLayout"
            layout = "FooterSticky"
            add group "CollapsedFooter" {
              displayName = "Actions"
              collapsable = True
              collapsed = True
              add layout "Line10" {
                displayName = "Line10"
                layout = "Inline"
                add recordActionLink "ScanTakeNextPickList"
                add recordActionLink "ScanConfirmPickListAndTakeNext"
                add recordActionLink "ScanConfirmPackListAndTakeNext"
              }
              add layout "Line20" {
                displayName = "Line20"
                layout = "Inline"
                add recordActionLink "ScanBarcode"
                add recordActionLink "ReviewPickWS"
                add recordActionLink "ReviewPick"
                add recordActionLink "ReviewPack"
              }
              add layout "Line30" {
                displayName = "Line30"
                layout = "Inline"
                add recordActionLink "ScanConfirm"
                add recordActionLink "ScanQty"
              }
              add layout "Line40" {
                displayName = "Line40"
                layout = "Inline"
                add recordActionLink "ScanRemove"
                add recordActionLink "ScanReset"
              }
            }
            add group "ChangeModeGroup" {
              displayName = "Change Mode"
              collapsable = True
              collapsed = True
              add layout "Line3" {
                displayName = "Line3"
                layout = "Inline"
                add recordActionLink "ScanModePICK"
                add recordActionLink "ScanModePACK"
                add recordActionLink "ScanModeSHIP"
              }
              add layout "Line4" {
                displayName = "Line4"
                layout = "Inline"
                add recordActionLink "ScanModeReceive"
                add recordActionLink "ScanModePutAway"
              }
              add layout "Line5" {
                displayName = "Line5"
                layout = "Inline"
                add recordActionLink "ScanModeIssue"
                add recordActionLink "ScanModeInReceive"
                add recordActionLink "ScanModeInTransfer"
              }
              add layout "Line6" {
                displayName = "Line6"
                layout = "Inline"
                add recordActionLink "ScanModePhysicalCount"
                add recordActionLink "ScanModeItemLookup"
                add recordActionLink "ScanModeStoragePlaceLookup"
              }
            }
       }
    }
}

The results will be the below.

Additionally, you can skip adding "ChangeModeGroup" back into the new group. The buttons will move to menu giving you more screen space.

@yhartman Thanks for the detail instructions. It works perfectly. Thank you very much.