如何將SAP C4C自定義BO中型別為圖片的附件用PDF文件顯示出來
My series of Cloud Application Studio Blogs
- How to detect EditMode in an Embedded Component
- Step by step to enable your custom BO with attachment upload functionality
- Step by step to create an Adobe Print form in Cloud application Studio
- How to render PDF which displays picture from the image attachment of your custom BO
- How to get current logged on business user’s employee information and assigned organization unit via ABSL
- How to implement dynamic access control based on custom BO using OWL
- How to make Code List Restriction work when control field and restricted field are not on the same BO
- How to implement custom number range using custom business object
- Two approaches to create Code List in Cloud Studio
- Create Dynamic Code List via Custom Business Object Association
- Step by step to develop Thing Type based navigation and BO Object based navigation
- Put Extension field into embedded component and make it visible in Standard UI
- One possible cause that embedded component fails to display in UI
- Step by step to create HTML Mashup and make it visible in UI
- Step by step to enable Text Collection for your custom BO
- Automatically send an Email notification to line manager via Workflow in Account application
- Step by step to create Object Value Selector in Cloud Application Studio
- Two approaches to fill an UI field with dedicated logic implemented in Cloud Application Studio
- How to execute BO action on multiple selected BO instances in AdvancedListPane
Requirement
You have created your custom BO with attachment upload functionality available via this blog Step by step to enable your custom BO with attachment upload functionality. And now you have successfully uploaded two images as attachment to a given BO instance:
You would like that once preview button is pressed, the PDF will be generated which display these two images from uploaded attachment.
The rendered PDF looks as below:
This requirement just needs a few enhancement on the form template itself, whose development is already introduced in blog Step by Step to create an Adobe Print form in Cloud application Studio.
(1) Open the form template via Adobe Form Designer, menu File -> Form Property:
Set PDF Render Format as Dynamic XML Form:
(2) Select your body page and set the Content property as “Flowed” instead of “Positioned”:
(3) Drag a table control from control toolbox, select table header node and DO NOT bind any BO nodes to it.
Select table row node, bind it to path: $.TestBO.Attachment.DocumentList[*] and mark the checkbox “Repeat Row for Each Data Item”:
Select the last column field in table row, change its type for Text Field to Image Field:
And use relative binding to bind its path to the corresponding BO field BinaryObject which stores the binary data of an attachment.
After that in the runtime when the PDF is rendered, the table row will automatically be created based on the number of uploaded images as attachment, this behavior is called as “Data Driven Layout process”.
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2715823/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 如何讓SAP C4C自定義BO實現附件上傳的功能
- 如何啟用SAP C4C自定義BO的Text Collection功能
- 使用OData服務將SAP C4C自定義BO的TextCollection暴露給外部消費者
- 如何設定 GNOME 顯示自定義幻燈片
- 如何在SAP Cloud for Customer自定義BO中建立訪問控制Cloud
- app直播原始碼,el-button自定義圖片顯示APP原始碼
- win10怎麼將pdf另存為圖片_win10如何把pdf另存為圖片Win10
- 如何使用SAP C4C Repository Explorer裡的BO test shell
- 直播原始碼開發,el-button自定義圖片顯示原始碼
- 直播平臺原始碼,el-button自定義圖片顯示原始碼
- 如何使用 Javascript 將圖示字型渲染為圖片JavaScript
- Java 將PDF轉為透明背景的圖片Java
- 如何將一個PDF檔案裡的圖片批量匯出
- 如何自定義終端顯示配置
- Overleaf中插入pdf圖片只顯示圖片路徑的解決方式
- Win10如何自定義硬碟圖示_win10自定義硬碟圖示的教程Win10硬碟
- 如何將自定義XML檢視注入SAP Fiori Elements應用XML
- 微信公眾號圖文中怎麼新增附件?Word、Excel、PPT、PDF的文件附件Excel
- Highcharts 實現自定義匯出圖片
- 如何將SAP WebClient UI的表格匯出成PDFWebclientUI
- 用label顯示帶圖片的富文字
- 位元組跳動出大招!IconPark圖示庫,自定義圖示,好用到停不下來!
- 在SAP Spartacus產品明細頁面用outlet顯示自定義資料
- 一種不通過UI給C4C自定義BO建立測試資料的方式UI
- vue自定義指令擷取圖片中心顯示Vue
- js將選擇的圖片顯示在img中JS
- 如何在SAP C4C AdvancedListPane上批量執行若干BO例項的action
- 分割pdf為圖片
- 小技巧:Flutter如何引用自定義圖示Flutter
- 如何在 SAP UI5 應用裡顯示 PDF 檔案試讀版UI
- 如何在終端中顯示圖片
- 【實戰】通過 JS 將 HTML 匯出為 PDF 文件JSHTML
- MUI DtPicker 顯示自定義日期UI
- C# 將PDF文件轉換為Markdown文件C#
- SAP AET fields的自定義行為
- 如何讓Spring MVC顯示自定義的404 Not Found頁面SpringMVC
- Python將base64轉為文件或者圖片Python
- html2canvas將指定區域匯出為圖片(js將div匯出為圖片)HTMLCanvasJS