![\"\"](\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-142-1024x409.png?resize=640%2C256&ssl=1\")
<\/figure><\/li>![\"\"](\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-143-1024x399.png?resize=640%2C249&ssl=1\")
<\/figure><\/li><\/ul><\/a><\/a><\/a><\/div><\/div><\/div>\n\n\n\nBut if multiple attachment control has to be shown in multiple places or Dataverse is used as a table data source, we should handle the attachments using power automate and gallery. <\/p>\n\n\n\n
The attachment control generated from the list should be copied and can be used in the other places. Already the customized attachment control example is shown in this post<\/a>.<\/p>\n\n\n\n
Attachment Control<\/strong><\/p>\n\n\n\n
Items - Blank()\nOnAddFile - \n\/\/To convert the file to base64 format\nSet(ExcelFile,JSON(ImageControl.Image,JSONFormat.IncludeBinaryData));\n\/\/To remove the filetype from bas64\nSet(FileBase64,Mid(ExcelFile,Find(\",\", ExcelFile)+1,Len(ExcelFile)-Find(\",\",ExcelFile)-1));\n\/\/Start the workflow\nFileUpload_Workflow.Run(\"FileName\",FileBase64);\nReset(attAttachements);\nRefresh(galleryDatasource);\n\/\/Reload the collection\nClearCollect(\n colAttachments,\n ForAll(\n Filter(\n galleryDatasource,\n filterColumn = \"filter_Value\"\n ),\n {ID: ID,\n Name:'File name with extension',\n\tlink: 'Link to item'\n }\n )\n)<\/code><\/pre>\n\n\n\nCreate a image control and set its value to attachment control. Basically it will convert the file into base64 format.<\/p>\n\n\n\n
<\/p>\n\n\n\n
![\"\"](\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-123.png?resize=640%2C406&ssl=1\")
<\/figure><\/li>![\"\"](\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-124-1024x644.png?resize=640%2C403&ssl=1\")
<\/figure><\/li>![\"\"](\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-125-1024x651.png?resize=640%2C407&ssl=1\")
<\/figure><\/li>![\"\"](\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-126-1024x656.png?resize=640%2C410&ssl=1\")
<\/figure><\/li>![\"\"](\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-127.png?resize=640%2C430&ssl=1\")
<\/figure><\/li><\/ul><\/a><\/a><\/a><\/div><\/div><\/div>\n\n\n\nJSON Action - json(variables('filejsonformat'))\n\nParse JSON Action - \n\n{\n \"type\": \"array\",\n \"items\": {\n \"type\": \"object\",\n \"properties\": {\n \"Datastream\": {\n \"type\": \"string\"\n },\n \"Title\": {\n \"type\": \"string\"\n }\n },\n \"required\": [\n \"Datastream\",\n \"Title\"\n ]\n }\n}\n\nCreate File - dataUriToBinary(items('Apply_to_each')['Datastream'])<\/code><\/pre>\n\n\n\nGallery Control<\/strong><\/p>\n\n\n\n
Gallery control is used to show the added files along with it we should provide delete button to delete the attachments.<\/p>\n\n\n\n
![\"\"](\"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-133.png?resize=640%2C101&ssl=1\")
<\/figure>\n\n\n\n\/\/Collection with added files\nItems - colAttachments\n\/\/FileName with link to download the attachments\nHtmlText - \"<a href=\"&ThisItem'Link to item'&\">\"&ThisItem.Name&\"<\/a>\"\n\/\/ Delete item\nDelete Button - \nDeleteWorkflow.Run(ID,ThisItem.Name);\nRefresh(galleryDatasource);\nClearCollect(\n colAttachments,\n ForAll(\n Filter(\n galleryDatasource,\n ID= ItemId \n ),\n {ID: ID,\n Name:'File name with extension',\n link: 'Link to item'\n }\n )\n)\n<\/code><\/pre>\n\n\n\nGallery is a multi purpose control, In this case it is used as helper control for attachments. In later posts we will explore more on gallery control<\/p>\n\n\n\n
Post your queries in the comment section. Happy Building \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
Attaching a file along with the form is a common requirement, By default PowerApps does not provide any attachment control. But if the SharePoint list is added as a datasource automatically the attachment control will be generated along with the controls. But if multiple attachment control has to be shown in multiple places or Dataverse is used as a table […]<\/p>\n","protected":false},"author":2,"featured_media":1529,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[6,8,32,5,4],"tags":[12,46,33,9,10],"class_list":["post-1527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-canvas-apps","category-power-automate","category-power-platform","category-powerapps","category-sharepoint","tag-canvas-app","tag-microsoft-365","tag-power-platform","tag-powerapps","tag-powerautomate"],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/11\/Screenshot-143.png?fit=1791%2C697&ssl=1?v=1637483532","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1426,"url":"https:\/\/365stack.in\/index.php\/2021\/12\/06\/a-complete-guide-for-migration-to-power-platform-deployment\/","url_meta":{"origin":1527,"position":0},"title":"A Complete Guide for Migration to Power Platform: Deployment","author":"Hemanthkumar Rajan","date":"December 6, 2021","format":false,"excerpt":"This is the last post of the migration series, Kindly read the previous post before proceeding further, To keep the boredom out of the document only the main points were discussed. It is the most important step in the process of moving the artifacts to the production environment. If the\u2026","rel":"","context":"In "Power Platform"","block_context":{"text":"Power Platform","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/12\/PowerApps-Deployment-e1628184748914.jpg?fit=999%2C877&ssl=1%3Fv%3D1638796837&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2060,"url":"https:\/\/365stack.in\/index.php\/2021\/12\/12\/how-to-stop-infinite-flow-trigger-in-power-automate-using-flag-column\/","url_meta":{"origin":1527,"position":1},"title":"How to stop infinite flow trigger in Power Automate using flag column","author":"Hemanthkumar Rajan","date":"December 12, 2021","format":false,"excerpt":"Infinite flow trigger is a common scenario in workflow softwares like Nintex, K2 and even in Power Automate. If the Canvas app is involved in this process we can handle it easily with the \"Flag\" column. Create a Flag column with default values as \"Yes\" Flag Column Customize form for\u2026","rel":"","context":"In "Canvas Apps"","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/12\/Screenshot-530.png?fit=1200%2C562&ssl=1%3Fv%3D1639337681&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1221,"url":"https:\/\/365stack.in\/index.php\/2021\/07\/06\/a-complete-guide-for-migration-to-power-platform-pre-development-analysis-part-2\/","url_meta":{"origin":1527,"position":2},"title":"A Complete Guide for Migration to Power Platform: Pre-Development Analysis – Part 2","author":"Hemanthkumar Rajan","date":"July 6, 2021","format":false,"excerpt":"When it comes to migrating from existing technologies, a thorough study has to be done on the legacy tool starting from how the controls are used, what are the actions frequently used, things which are available in source and not available in the destination, etc. Solutions for these scenarios must\u2026","rel":"","context":"In "Power Platform"","block_context":{"text":"Power Platform","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/"},"img":{"alt_text":"Pre Development Analysis","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/07\/Requirement-Anlaysis-scaled.jpeg?fit=1200%2C829&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1302,"url":"https:\/\/365stack.in\/index.php\/2021\/07\/17\/a-complete-guide-for-migration-to-power-platform-analysis-development-part-1\/","url_meta":{"origin":1527,"position":3},"title":"A Complete Guide for Migration to Power Platform: Analysis & Development – Part 1","author":"Hemanthkumar Rajan","date":"July 17, 2021","format":false,"excerpt":"While development is a small part of the software life cycle model it is merely an output of the analysis made from the existing system or new requirement.","rel":"","context":"In "Power Platform"","block_context":{"text":"Power Platform","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/"},"img":{"alt_text":"Requirement Analysis","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/07\/Requirement-Analysis.png?fit=1100%2C700&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1456,"url":"https:\/\/365stack.in\/index.php\/2021\/09\/17\/powerapps-print-form-to-pdf\/","url_meta":{"origin":1527,"position":4},"title":"How to Print Scrollable Screen to PDF in PowerApps","author":"Hemanthkumar Rajan","date":"September 17, 2021","format":false,"excerpt":"One of the common requirements in any application is to print the data either to save the form as PDF or print the form. PowerApps provides Print() function to print the screen in a printable format, but the limitation is the screen height cannot be greater than 2164px. If a\u2026","rel":"","context":"In "Canvas Apps"","block_context":{"text":"Canvas Apps","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/powerapps\/canvas-apps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2020\/10\/background1.jpg?fit=1200%2C675&ssl=1%3Fv%3D1623349406&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1177,"url":"https:\/\/365stack.in\/index.php\/2021\/06\/11\/a-complete-guide-for-migration-to-power-platform-introduction\/","url_meta":{"origin":1527,"position":5},"title":"A Complete Guide for Migration to Power Platform: Introduction","author":"Hemanthkumar Rajan","date":"June 11, 2021","format":false,"excerpt":"Microsoft has Power Platform, a combination of four software PowerApps, Power Automate, Power BI and Virtual Agents, like the other BPM tools it is not only built for SharePoint it can work as a standalone app or it can be connected to numerous connectors from which it can store and\u2026","rel":"","context":"In "Power Platform"","block_context":{"text":"Power Platform","link":"https:\/\/365stack.in\/index.php\/category\/power-platform\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/365stack.in\/wp-content\/uploads\/2021\/06\/Architecture-Power-Platform-1-e1623415069501.png?fit=525%2C500&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/comments?post=1527"}],"version-history":[{"count":5,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1527\/revisions"}],"predecessor-version":[{"id":1833,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/posts\/1527\/revisions\/1833"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/media\/1529"}],"wp:attachment":[{"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/media?parent=1527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/categories?post=1527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/365stack.in\/index.php\/wp-json\/wp\/v2\/tags?post=1527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}