{"id":28616,"date":"2021-07-16T10:28:28","date_gmt":"2021-07-16T10:28:28","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=28616"},"modified":"2021-09-01T09:23:59","modified_gmt":"2021-09-01T09:23:59","slug":"use-of-print-function-in-canvas-apps","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2021\/07\/use-of-print-function-in-canvas-apps\/","title":{"rendered":"Use of Print function in Canvas Apps"},"content":{"rendered":"<h3 style=\"text-align: justify;\"><strong>Introduction<\/strong><\/h3>\n<p style=\"text-align: justify;\">We recently came across a requirement to create a mobile app to show the product information. So we have decided to develop an app in the Canvas App. The salesperson can use this app to collect information about the needs of the customer, such as a record of products that the customer wants. After recording the product information if the salesperson wants to send this information to the customer then previously there was no option to do this. But now it is possible with print() function. Using the print function salesperson will be able to print or save the information as PDF and then send it over to the customer.<\/p>\n<p style=\"text-align: justify;\">To print information on the screen we have added a Print button and code in OnSelect property as shown below:<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/1-Print-in-Canvas-apps.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-28617\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/1-Print-in-Canvas-apps.png\" alt=\"Print in Canvas apps\" width=\"869\" height=\"493\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/1-Print-in-Canvas-apps.png 869w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/1-Print-in-Canvas-apps-300x170.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/1-Print-in-Canvas-apps-768x436.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/1-Print-in-Canvas-apps-660x374.png 660w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Now, if we have some information on the screen that we do not want to print like the hiding button or want to the change view then to achieve this we can change the properties of the Canvas App.<\/p>\n<p style=\"text-align: justify;\">For example, in this Canvas App, we have Submit and Print button that we do not want to print. We can use Visible property to achieve this. Add the <strong>\u2018<\/strong><strong>Not Screen1.Printing\u2019<\/strong> formula in the visible property.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/2-Print-in-Canvas-apps-1.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-28620\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/2-Print-in-Canvas-apps-1.png\" alt=\"\" width=\"931\" height=\"474\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/2-Print-in-Canvas-apps-1.png 931w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/2-Print-in-Canvas-apps-1-300x153.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/2-Print-in-Canvas-apps-1-768x391.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/2-Print-in-Canvas-apps-1-660x336.png 660w\" sizes=\"(max-width: 931px) 100vw, 931px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Now we have to just click on print button to print product information and if there are images on the screen then tick background graphics checkbox as shown below in order to print the image.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/3-Print-in-Canvas-apps.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28619 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/3-Print-in-Canvas-apps.png\" alt=\"Print in Canvas apps\" width=\"857\" height=\"565\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/3-Print-in-Canvas-apps.png 857w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/3-Print-in-Canvas-apps-300x198.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/3-Print-in-Canvas-apps-768x506.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/07\/3-Print-in-Canvas-apps-660x435.png 660w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><em>Note: Currently print function is not available on mobile.<\/em><\/p>\n<h3 style=\"text-align: justify;\"><strong>Conclusion: <\/strong><\/h3>\n<p style=\"text-align: justify;\">With the help of Print function, we can now easily print information on the screen and share it with third parties.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/product\/productivity-apps\/add-manage-schedule-notifications-alerts-4-dynamics-365-crm\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-27397 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/03\/A4D-1.jpg\" alt=\"A4D\" width=\"800\" height=\"200\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/03\/A4D-1.jpg 800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/03\/A4D-1-300x75.jpg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/03\/A4D-1-768x192.jpg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/03\/A4D-1-660x165.jpg 660w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction We recently came across a requirement to create a mobile app to show the product information. So we have decided to develop an app in the Canvas App. The salesperson can use this app to collect information about the needs of the customer, such as a record of products that the customer wants. After\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2021\/07\/use-of-print-function-in-canvas-apps\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1954],"tags":[1988,2344],"class_list":["post-28616","post","type-post","status-publish","format-standard","hentry","category-canvas-apps","tag-canvas-apps","tag-print-function"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/28616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=28616"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/28616\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=28616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=28616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=28616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}