This blog post is part of a series on SAP Digital Manufacturing new POD 2.0 framework, the new generation of SAP Digital Manufacturing worker UIs.
New POD 2.0 Framework
- The New Generation of SAP Digital Manufacturing Worker UIs
- Template-Based Design Instead of POD Types
- Visual WYSIWYG Designer
- POD 2.0 Hands-on, Flexible Layout Capabilities, Part 1
- POD 2.0 Hands-on, Flexible Layout Capabilities, Part 2
- Custom UI Dialogs and Calling Production Processes
- Dynamic PODs, How to Dynamically Show, Hide, Enable, and Disable UI Elements
- Other Business Capabilities Enabled by POD 2.0
- Interactive Value Journey (IVJ)
- POD Notifications
- New POD 2.0 Framework: Tips and Tricks
POD 2.0 Tips and Tricks
In this blog post, I will share some tips and tricks so you can make the best out of POD 2.0.
Cut, Copy, and Paste
POD 2.0 supports Cut, Copy and Paste of elements, so you can easily duplicate them and move them around.
Use HTML Element to Draw SVGs
You can use ‘HTML' element to easily draw SVGs, besides only pure HTML code, and dynamically manipulate them.
Simple Example:
Content:
* Switch off ‘Sanitize Content'.
Dynamic Example:
You can make it dynamic, by using POD Context values, for example, see example below.
Content:
See below how I used it in a real demo, to create virtual tanks and manipulate their levels, using SVG.
Use iFrame Element to Embed Other Apps
You can easily use the iFrame element to embed other DM apps, like Manage Orders app, including query string filters on top of POD Context values.
1st, add an IFrame element to your POD.
Then, configure ‘Source URL'.
You can make ‘Source URL' dynamic, using query string on top of POD Context values.
Example: https://assetmagmt.execution.eu20-quality.web.dmc.cloud.sap/cp.portal/site#ManageOrders-Display?sap-…{/workList/lastSelected/material}
Busy Indicator
Use the ‘Busy Indicator' Action to show a ‘processing…' busy indicator on any control or on the whole page/dialog, to provide user feedback and prevent the user from pressing any buttons twice, for example.
Message Box
Use ‘Message Box' Action to show a message box with a customized message out of the box, which can include POD Context variables.
Confirm Action
Use ‘Confirm' Action to show a confirmation dialog, which can include POD Context variables.
Using ‘Confirm', you can add a confirmation action before calling any other subsequent actions, like a production process for example, prompting the user to confirm before calling the production process itself. If the user cancels it, it skips executing all the actions after it.
The confirmation dialog can include POD Context variables.
Focus Element
Use ‘Focus Element' Action to set the focus on any element on the page / dialog, which can be very useful when creating custom dialog, barcode scanner integration, handling forms and much more.
This blog will be further updated with more tips and tricks as we go, stay tuned. 🙂
Have you tried POD 2.0 Notifications? Let me know!
Stay tuned for more! Thanks,
Manoel Costa



