Convert Power Apps Portal Into A Progressive Web Apps (PWA) : Introduction & Demo

What is Progressive Web App (PWA) ?

PWA is a web app that is optimized to run “like an app” on a mobile device .They look & feel like a Native App and also appear to be a like a native app that you would install from your device’s app store, but actually work within a standard browser. From a development perspective, if you know how to create a web application using HTML, CSS and JavaScript (and now Power Apps portals) you can use these same building blocks to build a mobile application. Twitter, Uber, Pinterest, Tinder, and Google Maps are just some examples of large companies that have embraced PWAs.

What are the benefits of Progressive Web App ?

  • Fast loading and works offline
  • Can be launched from home screen and receive the push notification
  • Junk free scrolling, Smooth Animations, and seamless navigation even on poor networks
  • No app store needed. Users can discover and download apps right from the web, making PWAs more accessible.
  • Run on all devices: website, web app, mobile, desktop

Power Apps Portal as a Progressive Web App (PWA)

You can enable progressive web app (PWA) in Microsoft Power apps portal.

  • You can also customize PWA and can also change offline behaviour.A PWA can be configured to continue to run on a mobile device when connectivity is lost or put in an offline mod
  • Once your PWA customization will be completed, you can create or generate an app package and distribute in Google Play store or Microsoft Store. To create app package, select Create app package under App package in Progressive web app in portals Studio. You’ll be taken to PWA builder where you can create app package for various app stores such as Microsoft Windows Store and Google Play Android Store and step-by-step document to publish app in respective store. You can now publish app in respective app store console.

Resource –

https://powerapps.microsoft.com/en-us/blog/power-apps-portals-as-mobile-apps-preview/

Combine & Merging images to a single image using X++ & C# Dot Net Libraries

How to Merge Two Brands: Successful M&A

Requirement – The requirement is to combine and merging images to a single image using X++ & C# Dot Net Libraries in Microsoft Dynamics 365 finance and operation.

Classes & Libraries –

System.Drawing.Bitmap
System.Drawing.Image
System.Drawing.Graphics
System.Drawing.Imaging.ImageFormat
System.Drawing.Color

Sample Code –

str jpg1 = @”c:\images.jpeg”;
str jpg2 = @”c:\images2.jpeg”;
str jpg3 = @”c:\image3.jpg”;

System.Drawing.Image img1 = System.Drawing.Image::FromFile(jpg1);
System.Drawing.Image img2 = System.Drawing.Image::FromFile(jpg2);

int width = img1.Width + img2.Width;
int height = System.Math::Max(img1.Height, img2.Height);

System.Drawing.Bitmap img3 = new System.Drawing.Bitmap(width, height);

System.Drawing.Graphics g = System.Drawing.Graphics::FromImage(img3);

g.Clear(System.Drawing.Color::Black);
g.DrawImage(img1, new Point(0, 0));
g.DrawImage(img2, new Point(img1.Width, 0));

g.Dispose();
img1.Dispose();
img2.Dispose();

img3.Save(jpg3, System.Drawing.Imaging.ImageFormat::Jpeg);
img3.Dispose();