Skip to main content

Posts

Outsystems Tips and Tricks : Adding iFrame in Reactive Web App

In Outsystems Version 11+, there is no iFrame widget available when you are building Reactive Web Applications. So in case you want to add an iFrame HTML tag or for that matter any other HTML element, you could do so by creating a generic web block and pass HTML in to it by doing as follows.
Recent posts

Progressive Web Applications - How to develop in Outsystems

Outsystems is the best tool available in the current market for rapid development of Progressive Web Applications. As explained in my previous post, PWAs are light weight, fast and easy to distribute to your users without the need of installing the apps from Google Play Store or Apple App Store. The best thing on top of everything is you could always use your free personal environment to create these apps from Outsystems. Here are some requirements before getting started : You need to install Service Studio Version 11.7 or later. Outsystems Platform Server Step 1 : Login into your Lifetime environment and click on Environments.  Step 2 : Choose Options and click on Early Access Features and enable Progressive Web Apps. Step 3 : Open Service Studio and create your Mobile Application.  Please note that PWA's are only supported for Mobile Applications currently in Outsystems. Create a Mobile Application module using the mobile application template available in ...

What are Progressive Web Applications

This article will help you to answer following questions : What are Progressive Web Applications ? How are they different from Mobile and Web Applications ? What are the advantages of building Progressive Web Applications ? What are Progressive Web Applications? The concept of Progressive Web Applications was first introduced by Google in 2015. The applications built using this technology utilizes the best of both worlds from Mobile and Web Applications. Mobile applications are those applications which are particularly designed keeping mobile phones and their sizes in mind so that the look and feel of these applications are best to view in mobile phones. Similarly Web applications are designed in such a way that the look and feel is best to view the applications in bigger screen devices like laptops and desktops. Now comes a newer version called Progressive Web applications which can be viewed in different devices using the same application code. How are they different...

Outsystems Integrations - Connecting to Microsoft Azure Sql Server

In this article, I will show you how to set up your own Microsoft Azure SQL Server Database and then how to integrate this SQL Server database in Outsystems. Create a free Microsoft Azure Account. https://portal.azure.com. Microsoft Azure is a cloud computing service for building, deploying and testing application through Microsoft managed data centers (similar to Amazon’s AWS services) Microsoft provides free accounts with free credit of $200 to spend in the first year of new account. I am using this feature to create a Microsoft Azure SQL Server database in the cloud and will show how easy it is to connect this Azure AQL Server from Outsystems. Click on Add button to add a Azure SQL Database Fill in the details and click on Create button. Your deployment will take few seconds to few min to create. Look for the status in the table. It will change to Created automatically without refreshing the screen and finally when your screen says deployment is compl...

Consuming Workday WSDL into Outsystems

WSDL (Web Service Description Language) is an XML format for describing network services as a set of endpoints operating on messages containing either document-oriented or procedure-oriented information. The operations and messages are described abstractly, and then bound to a concrete network protocol and message format to define an endpoint . Generally consuming a WSDL (Webservice Description Language) in Outsystems is an easy task but it might get trickier when the WSDL has unsupported use cases built into it. This article will help to understand the difficulties associated with such unsupported use case and attempts to provide a solution. Here is the list of unsupported SOAP use cases from Outystems: https://success.outsystems.com/Documentation/11/Extensibility_and_Integration/SOAP/Consuming_SOAP_Web_Services/Unsupporte d_SOAP_Use_Cases#list-attribute-in-a-single-list-attribute Workday WSDL: The following link provides the WWS (Workday Web Services) API Documentation f...

Typescript Basics

Typescript language is a wrapper around javascript language. Any javascript code can also be a typescript code, but typescript has additional features like Strong Typing, Object Oriented features, Catching errors during compile time. In Angular applications, all javascript code is generally written in typescript. Angular CLI under the hood compliles the typescript file into javascript before bundling in the deployable package. We can individually learn Typescript without using Angular CLI by downloading Typescript using npm (node package manager). Basic commands before working on typescript:  ---------------------------------------------------------------------------------  Command used to install typescript                           ---------------------------------------------------------------------------------  Use ctrl+~ to open the terminal window in visual    studio code    ...

Angular Basics

Angular is component based framework. Each page in application has different components and tied to the root component. Each component has its view (html) , css(stylesheets), ts(typescript files containing logic), spec.ts (used for unit testing component) Prerequisites: ------------ Download - Node.js (Runtime for angular applications) - npm (node package manager - to install dependencies for angular) - angular cli (command line interface for generating, running angular projects) Angular CLI Commands: ---------------------- ng new (creates a fresh application) ng serve (starts the application on node server) ng generate component (To create a new component) Visual Code Commands: Open a terminal window - Control + ~ Module vs Components: -------------------- Each module may have one or more components. Each component will have HTML, logic and Data. Steps to create a component: Create a component.  - Naming convention for component : .component.ts  - Components uses decorat...