Developing a Progressive Web Application

Progressive web applications (PWA) are applications that use common web technologies including HTML, CSS, and JavaScript. These applications are platform-independent and can be used across different devices such as desktops, tablets, and mobiles.

You can develop a PWA in Developer Studio. PWA technology provides you with the ability to create applications and additions to the BMC Helix ITSM applications that work across multiple platforms. For example, the same application runs on an iOS device or an Android device without you having to develop a separate client for each device.
Progressive web applications automatically fit the screen of the device they run on.

Topics related to developing PWA in Developer Studio

Read through the following topics to learn more about developing a progressive web application in Developer Studio.

Action	Reference
To know the basics of accessing and using Developer Studio	Accessing-and-navigating-Developer-Studio
Enable progressive views for forms	Enabling Progressive Views for forms from the Centralized Configuration
Mid Tier architecture for Progressive Web Applications	Mid-Tier-architecture
To understand the flow layout when designing a progressive web application	Flow panel holder
Know about different kinds of panel holders	Panel-holder-display-types
To know best practices when developing a PWA	Customization-best-practices-for-developing-PWA
To learn about the localization support for a progressive web application	Localizing-a-Progressive-Web-Application
To know how to use autocomplete for character fields in search menus	Creating-search-menus
To achieve better performance by setting the active links to run in parallel	Creating-active-links
To know the properties supported when developing a progressive view	Field properties
Creating filters and advanced filters in progressive views	Creating-filters Creating-an-advanced-filter Creating-a-faceted-filter
To know the icons available in Developer Studio for PWA	Icons-available-in-Developer-Studio-to-support-PWA Adding-BMC-icons-in-PWA-by-using-Developer-Studio
To create various types of selection lists	Creating drp-dowselection lists in PWA that allrow gresslctionive of muWeb tple opApplications
To create various types of selection lists	Creating dynamic multiple selection lists for pProgressive wWeb aApplications by using JSON data
Add RTF fields	Adding-RTF-fields-in-Progressive-Web-Applications
Add a pause to a character field in a workflow	Adding-a-pause-interval-in-a-character-field-for-a-workflow-in-PWA
Create a survey	Creating-a-survey-questionnaire
Manage attachments	Managing-attachments-in-Progressive-Web-Applications-by-using-a-remote-form
Add typeahead to mention users in the organization	Configuring-the-mention-component
Create a progress bar	Configuring-the-Progress-bar-widget-in-Progressive-Web-Applications
Add autocomplete to a field	Automatically-completing-menu-entries
Adding images	Adding-background-images-to-fields-and-form-views
Automatically aligning fields in Developer Studio	Aligning-fields

Videos related to developing PWA in Developer Studio

You can watch the following videos to know more about developing progressive web applications:

Video title	Description
Webinar: BMC Helix Progressive Web Apps Introduction & Best Practices
Webinar: BMC Progressive Web Application (PWA) Development In Helix ITSM
Overview of Progressive Web Applications	https://youtu.be/7DnZnfo6uZ8
Advancements in Developer Studio to support PWA	https://youtu.be/YaI3s28w_XY
Use cases for Progressive Web Applications.	https://youtu.be/s14_l_r9DwQ This video (2:08) provides use cases for Progressive Web Application.
Localizing a Progressive Web Application	https://youtu.be/e2tOOdpBAB0 This video (7:31) provides an overview of how to localize a Progressive Web Application.
Panel holder display types, creating fixed panels and complex layouts with flow panels	https://youtu.be/m33BWG-mEoI This video (4:52) demonstrates creating Fixed panels in Developer Studio when you enable progressive views for a form.
	https://youtu.be/TnwUS2RF28Q This video (13:03) demonstrates creating complex layouts with flow panels.
Configuring a progress bar widget	https://youtu.be/-T90EgZ_ZtI This video (3:37) describes how to configure and use the progress bar widget.
Managing attachments in PWA by using a remote form	https://youtu.be/sFkBJ-cjcH0 This video (5:15) shows how to create attachment pools that allow variable number of attachments in progressive web applications.
Troubleshooting PWA	https://youtu.be/MfSTrjhwau8 This video (3:40) shows you how to use additional log settings and generated HTML to diagnose and troubleshoot PWA
Adding images to buttons and background images to fields and form views.	https://www.youtube.com/watch?v=349xdes86qM This video (3:54) provides a summary of adding static or SVG images in Developer Studio for progressive views.
Creating dynamic selection lists for Progressive Web Applications by using JSON data	https://youtu.be/3eRIML5mOgI This video (4:06) explains the concept and also demonstrates how the JSON properties and the JSONMAP function works.
Creating a survey questionnaire	https://youtu.be/v0VVhzPHQww This video (5:33) provides a summary of creating a survey questionnaire in Developer Studio for progressive views:
Adding images in PWA	This video (3:54) provides a summary of adding static or SVG images in Developer Studio for progressive views: https://www.youtube.com/watch?v=349xdes86qM
Aligning fields	https://youtu.be/_JhOoLN2agY This video (3:50) provides a summary of how automatic alignment of fields happens in progressive views in Developer Studio.
Creating typeahead fields for PWA	https://youtu.be/hhvyBy99Ujg

Developing a Progressive Web Application

Topics related to developing PWA in Developer Studio

Videos related to developing PWA in Developer Studio

On this page