Content Comparison

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

...

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. 

Image Added

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:

...

• 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:

Image Added

      Image Removed