Add a Customized POS Layout

Attention:

Prerequisites

  • Operating system user with rights to change files in the Menu Editor installation folder
  • POS UI templates provided in a separate assembly

The Menu Editor allows the usage of templates and layouts customized for a project.

Those layouts must be made known to the Menu Editor in the following way:

  • Copy the POS UI templates to ${med.pos.root.dir}/ui/, including any customized layouts.
  • In the POS templates, open the file ui.properties, uncomment UiConfig.externalResourcesBaseDirectory and set it to the appropriate folder:
UiConfig.externalResourcesBaseDirectory=${med.pos.root.dir}/ui/

As a result, the tableau preview will show the layouts with all visual adjustments, such as new tableau types, logos, and customized Look&Feel.

Customized POS Layout for Cloud

Attention:

Prerequisites

  • POS UI templates in a separate docker image
  • Customized values.yaml for the MED deployment

This layout must be made known to the Menu Editor by editing values.yaml med-custom-theme with the docker image name):

# Additional init containers, e. g. for providing custom themes
extraInitContainers: |
- name: med-custom-theme
image: gksoftwaredev.azurecr.io/product/med-custom-theme:1.0.0
imagePullPolicy: Always
command:
- sh
args:
- -c
- |
echo "Copying customized POS layout..."
cp -R /ui/* /ui
volumeMounts:
- name: ui
mountPath: /ui
# Add additional volumes and mounts, e. g. for custom themes
extraVolumes: |
- name: ui
emptyDir: {}
# Add additional volumes mounts, e. g. for custom themes
extraVolumeMounts: |
- name: ui
mountPath: /usr/local/med/pos-config/ui
  • Follow the customization of ui.properties as mentioned above