The Pages of an App


Apps - Manage pages icon.png  Pages are used to divide an app into sub-apps. Each one groups together a sub-set of widgets. Pages are automatically displayed as buttons in a banner at the top of the app.
         Apps - Pages - Buttons Banner.png

  • You can define a property to hide certain pages in execute mode.
  • By default, all of the pages in an app are private and require user authentication before they can be displayed. To define public pages that display data to all users without requiring user authentication, you must associate a Public user with the app. Open url.png See Public mode.

Example

ExamplePublicMode

Customer portal containing both public and private pages

  • The portal home page is a public page. It displays corporate indicators and provides access to the service catalog and knowledge base.
    • Any user can access it without logging in. Users are identified as guests.
      Apps - Example portal - not connected.png
    • Data is displayed based on the Public user configuration, i.e. display language, data restricted to the domain for data sources pointing to the Product name - ev itsm.png database, indicators based on the time zone, and date and number formats.
    • The display remains identical, regardless of the user.
       
  • The second page displays a dashboard containing a My Incidents list. This is a private page. Users must log in to see their list of incidents.
             Apps - Example portal - connected.png
    • Text is displayed in the language of the logged-in user.
    • The date and time of incidents are displayed in the time zone of the logged-in user.
    • Dates and numbers are displayed in the format defined by the logged-in user.
  • The third page is used to order services. This is a private page accessible only after users have logged in.
    • Similarly, the data displayed is based on the parameters defined for/by the logged-in user.

Notes

  • Widgets in app pages are not linked to each other. Data sources, on the other hand, are available for all app pages.
  • Home:
    • This is always the first page in the list. 
    • It is automatically displayed when users run the app.
    • It cannot be hidden.
    • If you want another page to be your home page, you can move the relevant page to the top of the list.
  • When you associate a Public user with the app:
    • The home page (i.e. the first page) will automatically become public. This mode cannot be changed as the home page is the entry point to the app.
    • If you move a private page to the top of the list to define it as your home page, it will automatically become public.
    • New pages are private by default.

Caution

  • When a page is deleted, all of the widgets defined in the page will automatically be deleted. On the other hand, all of the data sources used in the page will remain available in the library.

Best Practice big icon.pngBest practice

  • To define direct access to another page in the app, you can use:
    • The Page widget that enables you to configure a navigation button that can be made up of text and images.
    • The Apps - Text Editor - Hyperlink icon.png icon in the text editor that enables you to insert a hyperlink.
  • You can replace the standard banner by a Menu widget. If this is the case, you should hide all pages.

Example documentation icon EN.png  IT Portal template banner. The logo enables you to return to the home page.
Apps - Pages - Buttons Banner with widget Menu.png

Description of a page

Toolbar

        EVApps - GUI - Manage Pages.png

ToolbarPageDescription

Apps - Add icon.png : Used to add a new page. It is displayed at the bottom of the list of pages.

ev sas - Help icon.png : Used to open the contextual help page.

Box checked.png : Used to define if the page will be displayed in execute mode (box is checked) or hidden (box is not checked).

Apps - Edit icon.png : Used to display the contents of the selected page in the Design pane and open the Properties Inspector.


Apps - Public page icon.png   Apps - Private page icon.png (Note: Only if a Public user is associated with the app): Used to indicate if it is a public or private page. Open url.png See Public mode.

Wheel icon.png: Used to open the contextual menu of the page. Apps - Page - Toolbar contextual menu.png

Apps - Delete icon.png : Used to delete the selected page.

Apps - Duplicate 2 icon.png : Used to duplicate the selected page. The new page is automatically created below the duplicated page. It has the same name followed by the word, (Copy).


Apps - Order objects icon.png : You can click and drag the pages to arrange them in the order you want.

EndToolbarPageDescription

Graphic properties

        EVApps - GUI - Inspector Properties Page.png

Access: In the toolbar, Apps - Edit icon.png next to a page

   Open url.png See the description of properties.

Procedure: How to manage pages

1. Click Apps - Manage pages icon.png in the Objects pane. The list of existing pages will appear.

2. Click Apps - Add icon.png to create a new page. The new page will be added to the bottom of the list and to the end of the Apps - Drop-down list Pages.png drop-down list.

  • Rename the page so that you can easily identify its contents.
  • Click Apps - Edit icon.png and specify its properties in the Properties Inspector.

Best Practice icon.png You can duplicate an existing page. To do so, click the contextual menu Wheel icon.png. Click Apps - Duplicate 2 icon.png [ DUPLICATE ] and modify the relevant properties.

3. Click Apps - Edit icon.png to modify a page. Its contents will be displayed in the Design pane and the Properties Inspector will automatically open.

Best Practice icon.png For a quick display, select the page you want from the Apps - Drop-down list Pages.png drop-down list in the toolbar.

  • To change the order in which the pages are displayed, click and drag the page you want to its new position using Apps - Order objects icon.png. The Apps - Drop-down list Pages.png drop-down list will automatically be rearranged.
  • To hide a page in execute mode, unselect the box next to it.
     
  • If the app is associated with a Public user, you can click Apps - Public page icon.png to make the page private or click Apps - Private page icon.png to make it public.

3. To delete a page, click the contextual menu Wheel icon.png and click Apps - Delete icon.png [ REMOVE ].

Tags:
Last modified by Unknown User on 2018/05/31 17:53
Created by Administrator XWiki on 2014/09/02 11:36

Shortcuts

Recent Updates

Haven't been here in a while? Here's what changed recently:

-   Product name - ev itsm.png
-   Product name - ev sas.png

Interesting Content

How to Automate Integration
Add a Shortcut to an App
History
Quick Dashboard
Full text search - Stop Words

Powered by XWiki ©, EasyVista 2018