Insert excerpt

	_Banners
	_Banners
name	app
nopanel	true

This page is for PhixFlow application designers who need to create a new application, or change the defaults for an existing application.

Is application logo moving to system config? Application Logo

Select an uploaded image to provide customised branding for the application. When a user clicks this image, it will open the application menu. We recommend an image size of approximately:

height: up to 40 pixels
width: up to 300 pixels.

Overview

In PhixFlow to design an application GUI, you add components to a screen. Components include tables, charts, menus and buttons. By connecting the components to the data in tables (streams), you can create applications. Application users can load an application to interact with the table (stream)

Overview

When you create an application in PhixFlow, you select a template. This configures default styles and formats for your application. For how to create a new application, see Creating an Application.

When you are working on your application in

Insert excerpt

	_design_mode
	_design_mode
nopanel	true

, you can:

define data relationships: see Entity Relationship Diagrams
design screens that form the graphical user interface (GUI) of an application: see Designing Screens
connect parts of the screen to actions or Actionflows that create functionality: Understanding Actionflows

This page lists the application properties. To open the application properties tab:

Go to the
Insert excerpt
_repository
_repository
nopanel true
tab.
If the tab is not present, in the PhixFlow toolbar, click the
Insert excerpt
_repository
_repository
nopanel true
icon.
In the Applications section, double-click your application's name.
PhixFlow opens the properties tab for the application on the right.

Use the options to set:

icons for the application
defaults for:
- number formats
- styles for grids
- components to use for displaying data.
menus so that user's can navigate through the application
access privileges to specify which users can use the application.
any packages containing shared resources that your application can use; see Package.

Loading an Application

Application users can load an application into

Insert excerpt

	_app_mode
	_app_mode
nopanel	true

to interact with data, for example to view and update it.

You can use the application properties tab to configure the application to set:

different data defaults compared to the PhixFlow system defaults
default style settings to use for all the layout components in the application
the options to appear in the menu bar for the application
access privileges to specify which users can use the application.

For information about sharing components or data between applications, see Package.

Simplify loading and creating into one section with link. Also thinking they would be better on one page

Loading an Application

There are several ways to load an application. You can:

click the 9dot?? or PhixFlow logo to open

work on the files in an application's project without loading it. However, if you load an application, the repository is automatically filtered to show just the files available to the application.

There are several ways to load an application.

From the application menu, click the application card to load it.
By default, PhixFlow opens with the application menu displayed. To redisplay the menu, in the top left of the PhixFlow window click:
- either the
  Insert excerpt
  _app_menu
  _app_menu
  nopanel true
- or the
  Insert excerpt
  _phixflow_logo_name
  _phixflow_logo_name
  nopanel true
; see The Application Menu, below renamed to Welcomein
- , if it appears.
From the repository, right-click on the application name and select
Insert excerpt
_app_load
_app_load
nopanel true
.
in In a browser address bar, enter the application URL; see ee Starting PhixFlow on the Client. When PhixFlow is started in this way, you can still navigate to other applications that you have permission to access.

Shortcut to app settings.

Panel

borderColor	#7da054
titleColor	white
titleBGColor	#7da054
borderStyle	solid
title	Sections on this page

Table of Contents

indent	12px
style	none

Creating a New Application

To create a new application:

either in the repository, right-click Applications and click

Application

Insert excerpt

	_property_toolbar
	_property_toolbar
nopanel	true

Insert excerpt

	_property_tabs
	_property_tabs
name	basic-h
nopanel	true

Basic Settings

Field

Description

Name

Enter the name of the application.

Model Validation Status

Insert excerpt

	_

addaddor, open

Enter a version number for your application. Use this to track the stages of development or maintenance for your application.

Do not show in the Application Menu

Select whether or not this application appears in the

Insert excerpt

	_app_menu
	_app_menu
nopanel	true

; see The Application Menu, below.
Click the last card, which is the New Application card:

Image Removed

When you create a new application in the repository, PhixFlow automatically creates a menu item for it. You can find the menu in the repository → Menus branch → application_name_Menu. When you add the first option to the menu, it is automatically displayed on the right of the menu bar at the top of the PhixFlow window; see Menu.

Application Properties

. For example, you may have a test application that should not be visible to other PhixFlow users. Use the repository to open an application that is not present in the Welcome window's application list.

Insert excerpt

	_check_

standardsettingsstandardsettings

About

Field

Description

Name

The name of the

Created by

The name of the person who created the application

DescriptionThe description of the application. Consider including the purpose of the application and who is responsible for it.Application Icon

Select an uploaded image to use in the application menu card for this application. We recommend an image size of approximately:

height: up to 100 pixels
width: 100 to 150 pixels.

See Image for how to upload an image to PhixFlow.

Menus

This section lists the menus and the associated actionflows or stream item actions?? that have been created for your application.

At the bottom of the list are the Delete ??add icon and Add ??add icon buttons.

Previous functionality. How done now... Check Menu page?? The ticked menu is used as the menu bar for the application.

The default menu is created automatically with the applcation.

Adding a menu process??

Link to Menu page??

You can specify that PhixFlow uses a different menu for desktop and mobile devices. In the grid, right-click a menu to display the context menu and select

Insert excerpt

	_check_box_tick
	_check_box_tick
nopanel	true

to exclude this application. This is useful for test applications that you do not want anyone else to see.

Default Date Format

Select the default format for Date attributes and components.

Select a format from the drop-down list or click the icons to:

Insert excerpt

	_

menu_desktopmenu_desktopmenu_mobilemenu_mobile

PhixFlow displays the mobile or desktop icon next to the application's name. Using that context menu the user can also load the application with selected menu. All options available in the context menu are:

You can also use the context menu

: create a new format.

Default Date/Time Format

Select the default format for DateTime attributes and components.

Default Number Format

Select the default format for numbers.

Select a format from the drop-down list or click the icons to:

Insert excerpt

	_list_number_

addaddnopaneltrue add another menu to the Insert excerpt_delete_delete delete the menu from .

Field

Description

Show Application in Menu

Select whether or not this application appears in the app_menuapp_menu. For example, you may have a test application that should not be visible to other PhixFlow users. Use the repository to open an application that is not present in the Welcome window's application list.Show Default Menu Bar

If you want menu options for the user to navigate your application, select this potion. PhixFlow displays the menu bar at the top of the application screen. Use the Navigation settings to add menu options. See PhixFlow's Interface for screenshots showing the default menu bar.

Access Permissions

For details about how to control access to an application, see Common Properties → Access Permissions.

Style Settings

Field

Description

Theme

The name of the theme that defines the defaults and styles for this application. The theme provides a set of palettes and sets some style defaults, such as the styles for grids that you add to screens.

stream attributes layout or area. PhixFlow What about this??
stream Date Select the default format for Date attributes and components.

Select a format from the drop-down list or click the icons to:

Insert excerpt_format_list_format_listnopaneltrue: shows the formats available for this application in the repository. Insert excerpt_add_addnopaneltrue: create a new format.Date Time Select the default format for DateTime attributes and components.NumberSelect the default format for numbers.

UX question - should these be dropdown lists?? Not sure about add here??

Packages

This section has a toolbar with standard buttons. The grid contains a list of packages that contain this application. To add an application to the list:

Click Insert excerpt_add_addnopaneltrue to list all the packages in the repository.

Drag packages into this list.

To remove a package from the list, use the toolbar button Insert excerpt_delete_deletenopaneltrue.From original doc..

You can change style settings:

in the template components in the palette
create shared styles
set styles on individual components

Shared Styles and Style Order

Tip
Basic palettes are installed with PhixFlow. Additional palettes are available, see Understanding Template Packages and Installing Template Packages.

Anchor

	images
	images

Application Icon

Select an uploaded image to use in the application menu card for this application. We recommend an image size of approximately:

height: up to 100 pixels
width: 100 to 150 pixels.

See Adding Images for how to upload an image to PhixFlow.

PhixFlow uploads application icons and logos to the images folder in its database. You can see a list of uploaded images in the repository > Images section.

Application Logo

Select an uploaded image to provide customised branding for the application. When a user clicks this image, it will open the application menu. We recommend an image size of approximately:

height: up to 40 pixels
width: up to 300 pixels.

Style Settings

When you drag a table or view onto a screen canvas, and select a grid component to display the table data, PhixFlow adds a grid. In this section, set the default appearance of grid views for the application. You can set the following:

Default Header Icon Style
Default Header Dropdown Pane Style
Default Paging Style
Grid Header Style
Grid Header Button Style
Grid Header Dropdown Button Style
Grid Row Style
Grid Alternate Row Style
Grid Row Hover Style - applies when the mouse is over a row in a grid.
Grid Column Style
Grid Column Header Style
Row Selection Style

To specify a style, select it from the drop-down list or click the icons to:

Insert excerpt
_styles_ccs_list
_styles_ccs_list
nopanel true
to show available styles
Insert excerpt
_add
_add
nopanel true
to create a new style; see Style.

The styles you select override any styles set in System Configuration. You can override these defaults for individual grids using the style settings in the

Stream

To specify a style, select it from the drop-down list or click the icons to:

Insert excerpt_style_list_style_listnopaneltrue: shows the styles available for this application in the repository. Insert excerpt_add_addnopaneltrue: create a new style.

To be confirmed??

This may be moving to system??

Field

Description

Application Logo

Select an uploaded image to provide customised branding for the application. When a user clicks this image, it will open the application menu. We recommend an image size of approximately:

height: up to 40 pixels
width: up to 300 pixels.

See Image for how to upload an image to PhixFlow.

Application Menu and Context Menus

The Application Menu Anchorapp_menuapp_menuWhen you run PhixFlow in Insert excerpt_design_mode_design_modenopaneltrue without loading an application, you will see the PhixFlow logo and text in the top left of the window. You can click this area to open the Insert excerpt_app_menu_app_menunopaneltrue. The menu lists the applications available in the current PhixFlow instance.When you run PhixFlow in either Insert excerpt_app_mode_app_modenopaneltrue or Insert excerpt_design_mode_design_modenopaneltrue, if your PhixFlow URL does not specify an application, the Insert excerpt_app_menu_app_menunopaneltrue opens automatically when you log into PhixFlow. To open the Insert excerpt_app_menu_app_menunopaneltrue at any time:

either click on the logo/name in the top left of the PhixFlow screen. By default this is the PhixFlow logo and name Image Removed.
or, if your application has been configured to have no menu bar, click the logo in the bottom right of the PhixFlow screen. By default this is the PhixFlow logo Image Removed.

Your administrator can configure the graphic that appears in the menu bar in the application properties → Basic Settings → Application Logo option, below.

The Insert excerpt_app_menu_app_menunopaneltrue lists the available applications as cards, for example:

Image Removed

TipThe Insert excerpt_app_menu_app_menunopaneltrue displays the applications:

that have been configured to appear on menu
and that you have permission to use.

The repository → Applications branch displays the applications that you have permission to use.

Application Card Context Menu

Each application card also has a context menu. To open the application card context menu:

either right-click anywhere in the card
or hover your mouse pointer over the card to display its 3-dot context menu icon in the top right. Then click the 3-dot icon Image Removed icon.

Repository Application Context Menu

Applications also have different context menu available from the repository. To display the repository application context menu, right-click the name of an application.

Image Removed

Context Menu Options

Available in context menu

Default Components

In this section, select an appropriate component for PhixFlow to add when you drag attributes onto a form or card container. For information about data types, see Understanding Data Types.

String
Bigstring
Long
Float
Decimal
True/False
Date
DateTime

Also set the styling for a:

Form
Card
Drop Down
Dynamic Text

And select a default:

Table Action - This is the button that PhixFlow adds when you drag a table-action onto a screen canvas.
Menu Button

Menus

This section has a toolbar with standard buttons. The grid lists the menus that have actionflows or record-actions that can be applied for this application.

PhixFlow automatically creates a default menu when you create the application project. PhixFlow will display in the default menu in the menu bar:

once you have added options to the menu
and when Show Default Menu Bar is selected (see below).

If there are several menus, listed PhixFlow uses the selected (ticked) menu as the menu bar for the application.

You can specify that PhixFlow uses a different menu for desktop and mobile devices. Right-click on a line in the list to show the popup menu options:

Insert excerpt
_menu_desktop
_menu_desktop
nopanel true
: use this menu on desktop devices. The grid shows the desktop icon next to the menu name.
Insert excerpt
_menu_mobile
_menu_mobile
nopanel true
: use this menu on mobile devices. The grid shows the mobile icon next to the menu name.
Insert excerpt
_new
_new
nopanel true
create another menu to the list; see Startup Actions Properties properties.
Insert excerpt
_delete
_delete
nopanel true
delete the menu from this application.

Insert excerpt

	_access
	_access
nopanel	true

Advanced

Field	Description
Backslashes must be escaped in expressions	There is a change in 9.0.0 which affects escaped backslashes in expressions. This option maintains backwards compatibility. By default this will be ticked for applications created before 9.0.0, and unticked for later applications.

Packages

This section has a toolbar with standard buttons. The grid contains a list of packages.

A package is a bundle of PhixFlow items that are shared between multiple applications. When you export/import an application to another PhixFlow instance, it is important to export/import all packages with the application; see Application Administration.

One package will include your applications theme settings. To add another package to the application:

Click
Insert excerpt
_packages
_packages
nopanel true
to list all the packages in the repository.
Drag packages into this list.

To remove a package from the list, use the toolbar button

Insert excerpt

	_delete
	_delete
nopanel	true

.

Insert excerpt

	_audit
	_audit
nopanel	true

Insert excerpt

	_description
	_description
nopanel	true

Popup Menu Options

To access popup menus for an application:

Either, in the repository, right-click on an application's name to show the popup menu.
Image Added
Or, in the application menu:
- click the
  Insert excerpt
  _more_options
  _more_options
  nopanel true
- right-click anywhere on the card

Image Added

Available in a popup accessed from

Option

Description

application card and
repository application name

Image Added Load Application

Load the selected application so that it is running in

Insert excerpt

	_app_mode
	_app_mode
nopanel	true

.

application card

Load application in a New Tab

Open a new browser tab with the selected application loaded.

application card

Load Application in a New Window

Open a new browser window with the selected application loaded.

repository application name

Image Added Filter by Name

In the repository

browser, use the application name to display only the repository tree for Edit properties for the selected application

application properties tab to make changes.

repository application name

Insert excerpt

	_delete
	_delete
nopanel	true

Delete the selected application from the repository. This cannot be undone.

Live Search
spaceKey @self
additional none
placeholder Search all help pages
type page

Panel

borderColor	#00374F
titleColor	white
titleBGColor	#00374F
borderStyle	solid
title	Sections on this page

Table of Contents

maxLevel	3
indent	12px
style	none

Learn More

Version	Old Version 52	New Version Current
Changes made by	Fiona Sargeant (Unlicensed)	Zoe Baldwin
Saved on	May 14, 2021	Aug 12, 2024

Content Comparison

Versions Compared

Key

Overview

Overview

Loading an Application

Loading an Application

Creating a New Application

Application

Basic Settings

About

Navigation

Menus

Access Permissions

Style Settings

Packages

Style Settings

To be confirmed??

Application Menu and Context Menus

Application Card Context Menu

Repository Application Context Menu

Context Menu Options

Default Components

Menus

Advanced

Packages

Popup Menu Options

Live SearchspaceKey@selfadditionalnoneplaceholderSearch all help pagestypepage

Live Search
spaceKey @self
additional none
placeholder Search all help pages
type page