ev|Apps Builder - H2.2016 - Release Notes


Note: This is a version release document.
  • Some of the screenshots may show a slight difference compared to the release version as we are constantly seeking to improve the design and usability up until the release date.
  • The pages on the wiki detailing these differences will be updated soon. For more up-to-date information, please check out: Open url.png Wiki News

       Open url.png  See Known errors

Public Mode

General Concept

Public mode allows you to create applications where all or some of the content is accessible to all users, without requiring them to login. This way you can create a portal where the 1st page displays a catalog of services and a knowledge base that is accessible to all users (public page) and where the page for ordering services requires the user to login (private page).
Note: Each page of the application can be set as public or private, with the exception of the first page which must be public (application entry point).

  • When a user launches a public application, it will open without logging in; the application's main toolbar will display as below, in Guest mode.
             partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_5c0dcb0b.png
  • When the user tries to access a private page, the standard login box will prompt the user for a username and password (with the exception of SSO).
             partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_10bcadd8.png
    Once logged in, the application’s main toolbar will look like the following.
             partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m3ebf7db4.png

Concept of a Public User

  • Public mode relies on the concept of a Public user and can be managed through 2 locations:
    • within the application: it is possible to set a Public user for an application, which will be saved along with the application. Now any user can access the application without logging in (and see all or part of the content) because the Public user is automatically selected;
    • via the application pages: once an application has been defined as public (a Public user has been linked to it), every page can be set as public (accessible by any user without logging in) or private (only accessible by logging in). The homepage for a public application is, by definition, public.
       
  • Display data from the Product name - ev itsm.png database:
    • If the Public user is linked to an Product name - ev itsm.png account, data from the Product name - ev itsm.png database (for the Public user's domain) will be visible by any application user, without requiring them to login.
               Example documentation icon EN.png  Application that displays public indicators or the Product name - ev itsm.pngknowledge base without logging in
    • If the Public user is not linked to an Product name - ev itsm.png database, the application's users can access a page without logging in if:
      • the page doesn't contain any widget related to data sources from Product name - ev itsm.png
        or
      • the page contains widgets based on Product name - ev itsm.png data sources based on a connector with a registered user (email address set).

In all other cases an error message will appear when a user tries to access the page.

  • Public users can be set via the user management settings.
    • Any user can become a Public user and will be identified with partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m1c01f675.png.
               partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m79a4d7a4.png
    • A new Public User filter makes it possible to display only Public users.
               partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m625edd82.png
       
  • For an application to have a Public mode, a Public user must be selected from the properties dialog.
             partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m7dcd7034.png

    1. Click on the No public user connected area to display the list of Public users. These must be set in advance using user management.
             partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_5a35fd01.png

    2. Select the Public user of your choice: the user's ID will be automatically displayed in the application's property box.
             partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_5da29aab.png

    3. Click on partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_3cd7683c.png to delete the Public user: the application will automatically switch to Private mode.

How It Works for Pages

  • Each page of the application can be set as public (accessible to any user of the application, without logging in) or private (only accessible if the user is logged in), with the exception of the first page which must be public (application entry point).
             Example documentation icon EN.png  Accessing public indicators and the Product name - ev itsm.png knowledgebase without logging in; Logging in to display My Incidents

 

  • The user of an application that contains both public and private pages can browse all public pages without restriction. When the user tries to access a private page, a login dialog will appear.
             partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_1c5eee46.png
     
  • Public/private pages can be managed through the page properties.
             partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m7ac3519b.png
    • partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_3841272f.png indicates a private page; partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m1c01f675.png indicates a public page.
    • The first page is not configurable.
    • To access the copy and delete functions, click on partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m328c042d.png.
               partie 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_6d2a8061.png

Application Main Toolbar

        partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m3ebf7db4.png

Hide the Main Toolbar (Global)

The main toolbar of the application, which is visible in Execution mode, can now be hidden with the new Show Main Toolbar added in the properties dialog and in the create new shortcut dialog.
Note: The shortcut will load the possible choices defined in the application.

        partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_a12aabf.png
         partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m1e70c954.png

Hide App List

The partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_6adea54b.png menu, which allows you to access the list of other applications in Execution mode, can now be hidden via a new property, Show App List, which has been added in the property box.
Note: Hiding the app list improves performance during application launch because the app list is not loaded.
         partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_5fa06863.png

New Authentication widget

This new widget, available in the Basic category, allows you to position the partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_4b26d70d.png authentication area, which is usually located at the top right of the main application toolbar, regardless of its location.
         partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m5ca445a5.png
         partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m793127c2.png

  • The characteristics of the Authentication widget are identical to those of the Authentication section of the gallery.
  • The widget properties allow you to hide or display different elements of the authentication bar (such as the avatar, the name of the person logged in and his/her profile, the Logout button.png Logout button) and to also set the authentication area's alignment.
             partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m2f083c0b.png
  • The Theme properties let you specify the sizes and colors of the elements.
             partie 2 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_5866f63.png

Standardization of Studio

The Color Picker

Several color selection tools were available in previous versions depending on the location. A single color selection box is now accessible from everywhere within Studio.
         partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_3351ce40.png

  • The new Color Picker makes it possible to choose a color directly.
  • The Advanced Mode partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_42951612.png lets the user to choose the color to be used through hexadecimal codes starting with # (e.g. #0b0df0 for the color Blue) or using the color's name for standard colors (e.g.  red for the color Red).
             partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_14dd16ff.png

The Font Picker

The font selection box was standardized to have the same appearance no matter where it is launched. It allows you to select the font you would like to use and also provides a Search Mode that lets you search for a font using its name.
Note: Size changes are made in real time on the current page.

        partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m7ff76886.png

  • Select Font   v   Property: Opens the list of fonts.
    • The first part of the list contains the most commonly used fonts, while the second part contains a large list of less popular fonts.
    • The search field lets you automatically filter fonts.
               partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_mfa9134e.png
  • Select Size   v   Property: Displays a size selector. You can also enter the desired size in the box directly.
             partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_3ba762fe.png

The Image Picker

The Image Picker is now available both through the menus and in the text editor.

  • The Icons Gallery tab lets you select an image available in the gallery.
             partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_4f05d678.png
  • The Uploaded Images tab lets you select an icon from a variety of images available on your server or to upload one from a local file. Once the image has been selected, it will be sent to the server where it will now be available in the list of images. Note: SVG images are now supported.
             partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_191b168b.png
    • partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_2447a3c9.png : lets you upload an image from one of your disks.
    • partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m6dbab01.png: lets you upload an image via its URL.
    • Selected images will have a partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m20354cc2.png next to them.
               partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_192a5510.png
    • You can delete an uploaded image by hovering over it with the cursor, clicking on partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m4ccef0eb.png, and finally clicking OK on the warning message. Note: Images sent to the server are local to the application. If you accidentally delete an image, only the current application will be affected.
               partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_191b168b - delete.png
  • The Image Link tab lets you quickly add an image via its URL. The image link is saved as HTML code, unlike the partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m6dbab01.png button in the Uploaded Images tab, which encodes the image in base 64.
             partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html Image Link.png

Implementation in the Text Editor

When you click on the partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m88d5d23.png icon, the new Image Picker will open.
         partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_1980f403.png

Integration in the Widget Menu

When you click on the icon associated with a menu item, the new Image Picker will open.
         partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_16e49ce4.png

It can also be opened via the properties of a menu item.
         partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_2c5ae363.png

Improvements to the Application Text Editor

New Image Manager

The new Image Manager is described in the Image Picker section .

Managing Special Links via the Data Picker

The Data Picker, which lets you select an Product name - ev itsm.png field, now lets you indicate if the data is an image, an e-mail or a phone/Skype number via the new special link tags property.
         partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m50fcafec.png

The following HTML code will be inserted:

<img src="#[FIELD('xxxxxxx')]#" class="fr-draggable">
<tel:#[FIELD('xxxxxxx')]#>
<mailto:#[FIELD('xxxxxxx')]#>
<skype:#[FIELD('xxxxxxx')]#>

Modifying Button Colors

Now when buttons are generated via the text editor, it is possible to modify their colors (by hovering over it in normal mode) through the new properties under the Link / Button area.
         partie 3 wiki Easyvista Service Apps 2016_DECEMBER_FR_html Button color.png

New Data Source and Widget Features

Data Sources

Loading Optimizations

In previous versions, all data sources would be opened when an application was launched in Design mode. From now on, only the data sources used on the current page will be loaded.

Utilization Counter

A utilization counter now appears in the list of data sources used in an application.
         partie 4 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_513ef39f.png

By hovering over the counter, you can view all of the widgets that use the data source.
         partie 4 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_432b3ffa.png

Widget Menu

  • Circular menus can now be created using the new Cell Border Radius property, which lets you define the radius of the menu.
             partie 4 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_mb81fc63.png
             partie 4 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_63c77861.png
  • The color properties for menu items when hovering have also been extended.
             partie 4 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_57933f34.png
             partie 4 1 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m2939cef8.png

Native Style on Mobile

When you use a Search or Tab widget, a new property, Device Native Style lets you choose whether or not the widgets will be displayed like native items on iPhone or Android phones, without changing their appearance elsewhere.
         partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_2bec89be.png
         partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_7848cb80.png

Tab Widget

  • The list of tabs can now take different forms, using the new Scrollable Tabs property.
             partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m441d4ce2.png
  • Normal display, from left to right and then from top to bottom.
             partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m30976b32.png
  • Display in Scrolling Mode, displays on a single row, with the possibility of browse through the tabs with the mouse (using the left and right arrows) or with your finger if the hardware supports it.
             partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_2b493946.png
  • From the text editor, you can now place an image (using the integrated Image Picker) or any other item (via HTML code) on each tab.
             partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_62729c6.png
             partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_6db1cc3f.png

    Note: For the selection to be properly managed for uploaded images, you will need to use a symbol from the icon gallery rather than an image. As icons are associated with fonts, they can be rendered the similarly.

    • Proper Selection of the Cloud icon
               partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_3091e8f5.png
    • Incorrect Selection of an image
               partie 4 21 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m54e7ccd8.png

Special Settings for Mobile Devices

Row Display Settings on Mobile

Responsive Design, which works to automatically adapt the design to the different types of media (browser on a PC, tablet or mobile), can make several bad decisions, particularly for mobile devices: the mechanism tends to systematically place stack widgets on top of each other.

        Example documentation icon EN.png  The application below contains a logo and an Authentication widget on the 1st line, then a group of icons on the 2nd line.
         partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m2641a86a.png

On mobile, the Authentication widget appears below the logo.
         partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m328316c9.png

It is now possible to modify the behavior of rows to keep widgets in the same row together.
         partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_7f338e8.png

How to Change the Settings

  • On each line, a new indicator  partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_6ec69fd1.png partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m6be8c7b.png has been added, managed by the new Stack on Small / Single Row on Small options via each row’s context menu.
             partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_7aad4a87.png
  • The current Stack on Small partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_6ec69fd1.png mode is the default. It automatically stacks widgets on top of each other.
             partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_27663906
  • The new Single Row on Small partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m6be8c7b.png mode forces widgets to be positioned horizontally in a particular row.
             partie 4 23 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m1f6d6ed7.png

Studio Display Mode on large screens / mobile

Some widgets can only be displayed on mobile and/or desktop with the current settings.
          Small options device.png

In previous versions, widgets intended only for display on mobile would disappear from Studio and were only accessible from the widget list. 2 new icons are now available in the toolbar. They allow you to show or hide these widgets. 

  • In Desktop mode, all widgets will be displayed, except for those that are only available on mobile.
  • In Mobile mode, all widgets will be displayed, except for those that are only hidden in Mobile mode.
              Icons Small options device.png

Links with Product name - ev itsm - big.pngev|Service Manager

Newly Supported Questionnaires

New questionnaire features from the most recent version of Product name - ev itsm.png are now supported: new multi-section mode, questions that depend on previous answers, elements that allow you to create Survey type questionnaires.
Consult the Product name - ev itsm.png H2 2016 - Release Notes document for more information about these questionnaires. 

        Open url.png  See also Questionnaire Best Practices

Close Incident Wizard

This new wizard allows you to close Product name - ev itsm.png incidents via a custom widget. Its implementation is identical to that of the Update Incident Wizard custom widget which was added in the last version of Product name - ev sas.png.
Consult the Product name - ev sas.png H1 2016 - Release Notes document for more information about this wizard.

        Open url.png  See also Description of the Update Incident Wizard custom widget

        partie 5 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m5a1c34f5.png

Display no data when the data source is not filtered

When a Dataviewer widget is associated with a Search Filter widget, you can now display nothing when a search has not been performed, which also improves performance.

  • By default, all data will be displayed in the Dataviewer when no searches are performed.
             partie 5 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_3df2d714.png
  • In order to activate this new feature, use the new Force Search To Get Data checkbox for the data sources linked to Product name - ev itsm.png, which prevents an unfiltered data source from appearing ahead of the other data.
             partie 5 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_m4c168d2d.png

Optimizations

Loading other applications

The launch time for applications available in the partie 5 wiki Easyvista Service Apps 2016_DECEMBER_FR_html_6adea54b.png menu (displayed in the application’s main toolbar in Execution mode) has been optimized by only loading those applications if the main toolbar is not displayed or if the access menu is hidden.

Other optimizations

  • Reduce the memory footprint of applications.
  • Reduce the number of exchanges between an application that uses Product name - ev itsm.png data sources and the Product name - ev itsm.png server.
Tags:
Last modified by Unknown User on 2018/02/06 19:49
Created by Administrator XWiki on 2017/01/20 10:05

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