3.2. WebApps

In order to access a Web Client App from the Flowster WebApps website, follow the next steps:

• Open and login to Flowster WebApps website
• Click over a Web Client App's image or name. The user will be requested to login into the selected Web Client App portal

A menu containing a list with all the client apps defined in Administrator → Client Apps page and configured to be displayed in Flowster WebApps. If a Client App was configured to be visible in the website, it will be represented by an attached image and the Client App's name. For more information about client apps configuration, please visit Client Apps. 

The working area, which displays the first Client App after the login (in our example the first client app configured is Portal). In order to access the second client app, click on the client app item in the Web Apps side menu. The page will be switched to the new client app (in our example the second client app configured is the Flowster Swagger page):

Customization of Web Apps Appearance

Flowster Studio allows the user to customize the appearance of the Web Apps component by choosing different colors, styles etc. 

To change the default style:

• Navigate to <INSTALL_DIR>:\Program Files\Flowster Solutions\Flowster Studio\WebApps\wwwroot\Content
• Open Site.css file and edit the default style. For a better user experience, comments are added to the CSS file to help user customize a specific region of the Web Apps.

A basic example on how to change the default title and the color of the title:

• Open the Site.css and search for the .webapps-title element and edit the content. This will change the default Web Apps text into My Apps text.  When finished, save the changes and refresh the website for the changes to be applied. 

• In order to change the color of the title, search for #webApps_sidebar .sidebar-brand span element and edit the color. This will change the default color into blue. When finished, save the changes and refresh the website for the changes to be applied.

      After Refresh, the changes will be applied to the title: