如何將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 顯示自定義幻燈片
- app直播原始碼,el-button自定義圖片顯示APP原始碼
- win10怎麼將pdf另存為圖片_win10如何把pdf另存為圖片Win10
- 如何使用 Javascript 將圖示字型渲染為圖片JavaScript
- 直播原始碼開發,el-button自定義圖片顯示原始碼
- 直播平臺原始碼,el-button自定義圖片顯示原始碼
- 為什莫從資料庫中取出的圖片不能顯示出來資料庫
- Java 將PDF轉為透明背景的圖片Java
- 如何將一個PDF檔案裡的圖片批量匯出
- 如何在SAP Cloud for Customer自定義BO中建立訪問控制Cloud
- 如何自定義終端顯示配置
- Overleaf中插入pdf圖片只顯示圖片路徑的解決方式
- 如何使用SAP C4C Repository Explorer裡的BO test shell
- 微信公眾號圖文中怎麼新增附件?Word、Excel、PPT、PDF的文件附件Excel
- 網頁圖片不能顯示 網頁圖片顯示不出來的解決辦法網頁
- 為bootstrap新增更多自定義圖示boot
- 如何將自定義XML檢視注入SAP Fiori Elements應用XML
- 如何將SAP WebClient UI的表格匯出成PDFWebclientUI
- Win10如何自定義硬碟圖示_win10自定義硬碟圖示的教程Win10硬碟
- 安卓自定義View實現圖片上傳進度顯示(仿QQ)安卓View
- 將圖片以灰色方式顯示的程式碼
- opencv圖片上如何顯示兩個小圖片OpenCV
- 分割pdf為圖片
- 在SAP Spartacus產品明細頁面用outlet顯示自定義資料
- 一種不通過UI給C4C自定義BO建立測試資料的方式UI
- js將選擇的圖片顯示在img中JS
- vue自定義指令擷取圖片中心顯示Vue
- 如何在 SAP UI5 應用裡顯示 PDF 檔案試讀版UI
- 【實戰】通過 JS 將 HTML 匯出為 PDF 文件JSHTML
- 小技巧:Flutter如何引用自定義圖示Flutter
- 位元組跳動出大招!IconPark圖示庫,自定義圖示,好用到停不下來!
- 自定義圖示列表
- 如何在SAP C4C AdvancedListPane上批量執行若干BO例項的action
- C# 將PDF文件轉換為Markdown文件C#