The Text Editor of Apps


Access

You can access the text editor from the Label, Header/Footer and HTML Code properties of a widget in the graphic editor.

Description of the text editor

The text editor is divided into two zones:

  • Toolbar (1)
  • Edit box (2)
             Apps - Text Editor.png

Notes

  • Move the cursor over each icon in the toolbar to see its infotip.
  • Depending on the property from which the text editor was opened, certain icons in the toolbar may be hidden.
  • A contextual toolbar available for certain objects is displayed when you click the object, e.g. image, hyperlink or table.
  • The text is automatically converted to HTML when the text editor window is saved.
  • The formatting defined in the text editor will have priority over the colors defined in Theme > Text Color.

Caution

  • If the URL of a Web page or app is modified, then any hyperlink pointing to it must be modified accordingly or the link will not work. To do so, you can update the hyperlink in the text editor.
  • Depending on the Web browser used, the behavior of certain tags may vary.

Best Practice big icon.pngBest practice

  • To display a table border, you should use the HTML style attribute instead of the border attributes because these are not interpreted correctly outside the text editor.
Example HTML code
Apps - Text Editor - Example Border style.png
<table style="border: outset 2px grey ;" cellpadding="1" cellspacing="1">
    <tbody>
         <tr>
              <td><strong>Month: #[FIELD('Creation Date')]#</strong><br/>
                    Incidents: #[FIELD('Incidents')]#<br/>
                    Service Requests: #[FIELD('Service Requests')]#
              </td>
         </tr>
    </tbody>
</table>

Description of the toolbar

         Apps - Text Editor - Toolbar.png

         Note: The icons below are grouped by functionality.

Document editing

Apps - Text Editor - Undo toolbar.png  Undo/Return to the last modification

Apps - Text Editor - Select all icon.png  Select all text 

Apps - Text Editor - Html Editor icon.png  HTML code editor: Used to toggle between the HTML code editor and the Wysiwyg preview.
         Apps - Text Editor - Html Editor detail.png

Apps - Text Editor - Full screen icon.png  Full screen: Used to switch from a minimized window to full screen mode.

Text formatting

Apps - Text Editor - Police toolbar.png  Bold/Italic/Underline/Strikethrough

Apps - Text Editor - Fonts and Color toolbar.png  Subscript/Superscript/Font/Font size/Text color

Apps - Text Editor - Text remove format icon.png  Cancel formatting: Select the formatted text and click the icon to clear text formatting.
 

Text presentation

Apps - Text Editor - Paragraph toolbar.png  Paragraph/Align text (Left/Center/Right/Justified)

Apps - Text Editor - Tabulation toolbar.png  Decrease indent/Increase indent (tab)
 

Enriched text

Apps - Text Editor - Bullets toolbar.png  Insert numbered list/Insert bullet list

Apps - Text Editor - Quote icon.png  Insert citation

Apps - Text Editor - Line icon.png  Insert horizontal line

Apps - Text Editor - Table icon.png  Insert table: Move the cursor to select the number of rows and columns you want.
    Apps - Text Editor - Table detail.png

Click the table displayed in the text editor to modify its properties. A contextual toolbar will appear.

Apps - Text Editor - Table toolbar.png

Apps - Text Editor - Table - Table header icon.png Define the header row of the table.
Apps - Text Editor - Table - Row icon.png Insert or delete a table row.
  • Insert row above: Insert a row above the current row.
  • Insert row below: Insert a row below the current row.
  • Delete row: Delete the current row.
Apps - Text Editor - Table - Column icon.png Insert or delete a table column.
  • Insert column before: Insert a column to the left of the current column.
  • Insert column after: Insert a column to the right of the current column.
  • Delete column: Delete the current column.
Apps - Text Editor - Table - Delete icon.png Delete the table.
Apps - Text Editor - Table - Cell icon.png Split and merge cells.
  • Horizontal split: Split the current cell into two rows.
  • Vertical split: Split the current cell into two columns.
  • Merge cells: Merge the selected cells.
Apps - Text Editor - Table - Style icon.png Define the table layout. Apps - Text Editor - Table - Style detail.png

Apps - Text Editor - Hyperlink icon.png  Insert a hyperlink

Apps - Text Editor - Hyperlink detail.png

Hyperlinks can point to a Web page, an app page, another app, a document on a site or an email.
  • Copy and paste the URL of the link in the URL field. Note: You can also select it from the Apps - Text Editor - Image - Hyperlink Select icon.png drop-down list.
  • Enter the hyperlink text in the Text field. Note: If you do not select any text, then the hyperlink will be inserted as a URL or as an email address. To insert the hyperlink in an image, place your cursor on the image.
  • Select the Open in a new tab box to open the link in a new tab or window. Unselect the box to open the link in the current tab or window and replace the current page.
  • Click [ INSERT ].
  • Use the new icons to modify the properties of the hyperlink.

    Apps - Text Editor - Image - Hyperlink toolbar.png : Open the link/Modify the link/Delete the link.

To create a link to another app:
  • Go to the App Gallery and click Apps - Application properties icon.png next to the app you want.
  • In the graphic editor, click EVApps - GUI - Share icon.png in the toolbar. EVApps - GUI - Share Apps.png
  • Copy the launch URL of the relevant app.
  • Return to your app and open the text editor. Click Apps - Text Editor - Hyperlink icon.png. Paste the launch URL of the app in the URL field.
To create a link to another page in the current app, use the Page advanced tags by clicking Apps - Text Editor - Advanced tags icon.png.
To create a link to an email, add the mailto instruction to the start of the link, enter the recipient's email address and specify the subject of the email message. Note: Do not insert any spaces in the instruction.

Example documentation icon EN.png

mailto:recipient_name@gmail.com?subject=Your incident I20161106&cc=recipient1_name@gmail.com
&ccc=recipient2_name@gmail.com&body=Your incident has been solved

Click the hyperlink displayed in the text editor to modify its properties. A contextual toolbar will appear.

Apps - Text Editor - Hyperlink toolbar.png

Apps - Text Editor - Hyperlink - Open icon.png Select the Open in a new tab box and check that the hyperlink works correctly.
Apps - Text Editor - Hyperlink - Style icon.png Select the style of the hyperlink text:
  • Green: Displays the text in green or blue.
  • Thick: Displays the text in bold or regular font style.
Apps - Text Editor - Hyperlink - Edit icon.png Modify the properties of the hyperlink. Open url.png See the description above. Apps - Text Editor - Hyperlink detail.png
Apps - Text Editor - Hyperlink - Unlink icon.png Delete the hyperlink.

 

Managing images

Apps - Text Editor - Image icon.png Insert image: Select the image you want from the icon gallery and click [ CLOSE ].

Click the image displayed in the text editor to modify its properties. A contextual toolbar will appear. Note: Only for images that were uploaded manually to the icon gallery.

Apps - Text Editor - Image contextual toolbar.png

Apps - Text Editor - Image - Replace icon.png Replace the current image. Open url.png See the description of icons below. Apps - Text Editor - Image toolbar.png
Apps - Text Editor - Image - Delete icon.png Remove the image displayed. Note: Only the current widget will be affected. The image will remain available in the app and will still be displayed for the other widgets.
Apps - Text Editor - Image - Style icon.png Define the layout of the image Apps - Text Editor - Image - Style detail.png

Apps - Text Editor - Image toolbar.png

Apps - Text Editor - Image - Back icon.png Undo the replacement of the image and return to the previous contextual toolbar
Apps - Text Editor - Image - Select via Upload icon.png Select the new image using the file explorer:
  • You can click within the Drop image box and select the one you want in the file explorer.
  • You can also click and drag the image from the file explorer to the Drop image box.
Apps - Text Editor - Image - Select via Hyperlink icon.png Select the new image from the Internet. In a new window:
  • Copy and paste the URL of the image in the http: field. * Click [ REPLACE ].
Apps - Text Editor - Image - Select via Hyperlink detail.png
Apps - Text Editor - Image - Select via Browse icon.png Select the new image from those available in the app.
  • Move the cursor over the image you want and click Apps - Text Editor - Image - Select via Browse Add icon.png to insert.
  • Note: You can also delete an image using Apps - Text Editor - Image - Select via Browse Delete icon.png. Caution: The deletion will affect all widgets using this image.
Apps - Text Editor - Image - Select via Browse detail.png

Best Practice icon.png To see the name of an image, open the HTML code editor using Apps - Text Editor - Html Editor icon.png and look for the name within the <img> tag, src attribute.
Example documentation icon EN.png  Apps - Text Editor - Image - Example name.png

Background images

Apps - Text Editor - Background image icon.png  Background image: Click Apps - Select image icon.png. Select the image you want from the icon gallery and click [ CLOSE ]. Define the properties of the image and its background.

  • Click Apps - Delete icon.png to delete the image.
  • The background color is applied only if an image is selected.

BackgroundImageProperties

Repeat: Used to define the way in which the image is repeated in the background.

no-repeat repeat repeat-x repeat-y

The image is not repeated.

Image - Repeat property - No Repeat.png

The image is repeated horizontally and vertically.

Image - Repeat property - Repeat.png

The image is repeated horizontally.

Image - Repeat property - Repeat x.png

The image is repeated vertically.

Image - Repeat property - Repeat y.png

The image is repeated as many times as required to cover the entire background. The last image is cropped if required.

Size: Used to define the size of the image.

Initial size Scale to fit Scale to cover

The image is displayed in its original size.

Image - Size property - Initial.png

The image is adjusted to fit the height of the background while locking its aspect ratio.

Image - Size property - Scale to fit.png

The image is resized to fit the the height and width of the entire background. This means that part of the image may be cropped.

Image - Size property - Scale to cover.png

Position (H/V): Used to define the position of the image in the background.

  • The first value defines the horizontal position of the image as regards the left, right or center.
  • The second value defines the vertical position of the image as regards the top, bottom or center.
  • If the image is repeated in the background (i.e. Repeat = repeat), then Position will have an impact on the layout of the repeated image.

Background Color: Used to define the background color of the image.

Opacity (0 - 1): Tool used to define the transparency of the background color. Selecting 0 means the background color will be completely transparent while 1 means it will be completely opaque.

Opacity = 0.2 Opacity = 0.5 Opacity = 0.9

Background image - Opacity 02.png

Background image - Opacity 05.png

Background image - Opacity 09.png

Animations on hover/on touch

Apps - Text Editor - Hover Touch toolbar.png  Standard HTML code/On hover/On touch: Used to add animations that are run when the cursor hovers over an area or when the finger touches a specific area on a touchscreen.

ExampleHover

Example documentation icon EN.png  You want to display a thumbnail containing a New request button when the cursor hovers over an image in the catalog.

Standard content Content displayed on hover or on touch
Display

Apps - Text Editor - Example hover Off.png

Apps - Text Editor - Example hover On.png

EndExampleHover

HTML code

Apps - Text Editor - Example hover Off - Code Html.png

Apps - Text Editor - Hover - Main Html icon.png - [ Main HTML ]

Apps - Text Editor - Example hover On - Code Html.png

Apps - Text Editor - Hover - Hover Html icon.png - [ Hover HTML ]

  • The functionality is available when you enable the Enable HTML Hover and Enable HTML For Touch Devices properties in widgets where you can access the text editor via the HTML Code property, and in the Tile and List display modes in Data Viewer widgets.
  • Once the properties have been enabled, the contextual toolbar will appear:
    • Apps - Text Editor - Hover toolbar - Hover On.png : Used to define standard content and content on hover.
       
    • Apps - Text Editor - Hover toolbar - Touch devices On.png : Used to define standard content and content on touch.
Procedure
  • Open the widget that supports animations on hover and select the properties you want.
  • Open the text editor via Apps - Edit Html icon.png using the HTML Code property of the widget.
  • By default, the text editor will open in standard mode. The Apps - Text Editor - Hover - Main Html icon.png icon is active and the text, [ Main HTML ], will appear to the right of the toolbar. Define the content to be displayed when the animation is inactive.
  • If you enabled the Enable HTML Hover property, you should define the content to be displayed on hover. To do so, click Apps - Text Editor - Hover - Hover Html icon.png. The text, [ Hover HTML ], will appear to the right of the toolbar.
  • If you enabled the Enable HTML For Touch Devices property, you should define the content to be displayed on touch. To do so, click Apps - Text Editor - Hover - On touch icon.png. The text, [ Touch HTML ], will appear to the right of the toolbar.
  • Click [ OK ] to close the text editor.
  • If you enabled the Enable HTML Hover property in the widget, then in the Properties Inspector, click the button found below the Choose Hover Transition property and select the type of animation you want using the dedicated editor.

Managing advanced tags

Apps - Text Editor - Advanced tags icon.png  Tag management: Tags are grouped in several categories depending on the context.
         Apps - Text Editor - Advanced tags detail.png

Page

Used to open another page in the app by clicking a hyperlink or action button.
Note

  • You can also use the Page widget if you want users to open the page using an action button.
  • Click Apps - Text Editor - Hyperlink icon.png to insert a link to a Web page, to another app or to an email.
Dedicated pane Procedure
Apps - Text Editor - Advanced tags Page - Page popup.png Apps - Text Editor - Advanced tags Page - Page link.png
  • In the text editor, place the cursor where the hyperlink or action button should be inserted.
  • Click Apps - Text Editor - Advanced tags icon.png and select the Page category.
    • Click the Page Link sub-category to open the app page in the current tab or window and replace the current page.
    • Click the Page Popup sub-category to open the app page in a popup window.
  • Enter the following fields:
    • Select page: Name of the app page you want to display.
    • Link title: Hyperlink or action button text.
    • Modal title: Title of the popup window.
    • Choose button type: Method for opening the link. It can be a hyperlink (Link option) or an action button(Button option).
  • For action buttons, you can define specific colors for the properties below:
    • Background Color: Background color of the action button.
    • Background Color On Hover: Background color of the action button when the cursor moves over it.
    • Text Color: Color of the text displayed in the action button.
    • Text Color On Hover: Color of text in the action button when the cursor moves over it.
  • Click Apps - Add icon.png. The hyperlink or action button will automatically be inserted in the text editor.
  • Click Apps - Text Editor - Advanced tags icon.png again to close the dedicated pane and return to the text editor.

 

Data Picker

Used to insert the values of a data source, e.g. column or cell values, calculation results.

Dedicated pane Procedure
List of columns Apps - Text Editor - Advanced tags Data Picker.png
Select a column Apps - Text Editor - Advanced tags Data Picker - detail.png
  • In the text editor, place the cursor where the data source column should be inserted.
  • Click Apps - Text Editor - Advanced tags icon.png and select the Data Picker category. The list of data source columns will appear.
  • Select the column you want and select the value you want to insert.
    Cell value: Used to display the value of the current record. If you want to display the value of a specific record, you should select it from the #Row drop-down list.
    Special link tags: Used to indicate the type of column to insert. A HTML tag is automatically inserted.
    • Image tag: Column defining an image.

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

    • Mailto tag: Column defining a link to emails.

      tag: <tel:#[FIELD('xxxxxxx')]#>

    • Tel tag: Column defining a phone number.

      tag: <mailto:#[FIELD('xxxxxxx')]#>

    • Skype tag: Column defining a Skype address.

      tag: <skype:#[FIELD('xxxxxxx')]#>

    Statistical aggregate functions: Available depending on the column or record you selected in the data source.
    • Max: Returns the maximum value of the column/record.
    • Min: Returns the minimum value of the column/record.
    • Average: Returns the average value of the column/record.
    • Sum: Returns the sum of the values in the column/record.
    • Count: Counts the number of values in the column/record.
    Decimals to show: For numeric values, select the number of decimal places.
  • Click Apps - Add icon.png. The corresponding instructions will automatically be inserted in the text editor.
  • Click Apps - Text Editor - Advanced tags icon.png again to close the dedicated pane and return to the text editor.
  • Note: For images, you should complete the HTML code.
    • Open the HTML code editor using Apps - Text Editor - Html Editor icon.png.
    • Surround the instruction, #[FIELD('Image')]#, with the < img src="..." > tag.
    • You can add the HTML height and width attributes to define the size of the image.

      Example documentation icon EN.png < img src="#[FIELD('Image')]#" height="150" width="100" /" >


Instructions inserted in the text editor:

  • For a data source column: #[FIELD('Name_of_the_selected_column')]# 
  • For a specific data source cell: #[CELL(x,y),DIGITS ( n)]#  ==> Cell at the intersection of row x and column y (Note: Numbering starts at 0), followed by the number of decimal places (DIGITS n).

    Example documentation icon EN.png The cell selected is at the intersection of row 2 and column 6 without any decimals ==> #[CELL(1,5),DIGITS(0)]#

  • For a cell with a statistical aggregate function:
    • #[Name_of_the_statistic_function_COLUMN( x),DIGITS ( n)]# ==> Function is applied to column x, followed by the number of decimal places.
    • #[Name_of_the_statistic_function_ROW( x),DIGITS ( n)]# ==> Function is applied to record x, followed by the number of decimal places.

         Example documentation icon EN.png

  • The average value is selected from column 2 with 2 decimal places ==> #[AVERAGE_COLUMN(1),DIGITS(2)]#
  • The sum of values is selected from record 1 without any decimals ==> #SUM_ROW(1),DIGITS(0)]#


 

Workflow

Used to add command buttons to the app, enabling you to validate or complete actions related to incidents or service requests without opening Product name - ev itsm.png.
         Apps - Text Editor - Advanced tags Workflow - detail.png

Note: Only if the text editor is accessed from a widget linked to an EasyVista data source pointing to the AM_ACTION table. You can insert processing buttons in any display mode, - List, Tile, or Form.
 

Dedicated pane Procedure
Apps - Text Editor - Advanced tags Workflow.png
  • In the text editor, place the cursor where the button should be inserted.
  • Click Apps - Text Editor - Advanced tags icon.png and select the Workflow category.
  • Enter the following fields:
    • Hide Button: Used to indicate if the command button is hidden (box is checked) or displayed (box is not checked).
    • Custom Label: Used to customize the default labels for each command button.
  • Click Apps - Add icon.png. The #[EZVTAG-ACTIONS... ]# instruction will automatically be inserted in the text editor.
  • Click Apps - Text Editor - Advanced tags icon.png again to close the dedicated pane and return to the text editor.

The command button label is updated dynamically in execute mode based on the context.

  • For actions requiring validation, you can use the [ ACCEPT ], [ REJECT ] and [ INFORMATION REQUEST ] buttons displayed in Product name - ev itsm.png when the Finish wizard is selected.
  • For other actions, you can use the [ FINISH ] button.
     

List of action types:

Action Type Context Possible processing buttons
Operation Transition
Closing Operation X Completed
Closing Transition X Completed
Rating X X Completed
Installation Operation X Completed
Installation Transition X Completed
Logistics X X Completed
Plan with Collision Detection X Completed
Automatic Processing X X Completed
Operation Processing X Completed
Transition Processing X Completed
Operation Approval X Accepted
Information Request
Refused
Operation Approval with Authentication X Accepted
Information Request
Refused
Self Service Approval X X Accepted
Information Request
Refused
Self Service Approval with Authentication X X Accepted
Refused
Self Service Approval with Survey X X Accepted
Refused
Transition Approval X Accepted
Information Request
Refused
Transition Approval with Authentication X Accepted
Information Request
Refused

EasyVista

Document upload

Used to insert an action button for uploading documents. Note: The name of the button is identical to the one in Product name - ev itsm.png.
         Apps - Text Editor - Advanced tags EasyVista - Upload detail.png

Dedicated pane Procedure
Apps - Text Editor - Advanced tags EasyVista.png
  • In the text editor, place the cursor where the button should be inserted.
  • Click Apps - Text Editor - Advanced tags icon.png and select the EasyVista > Document Upload category.
  • Click Apps - Add icon.png. The #[EZVTAG-UPLOAD_DOC]# instruction will automatically be inserted in the text editor.
  • Click Apps - Text Editor - Advanced tags icon.png again to close the dedicated pane and return to the text editor.

New Request

Used to add a command button to generate a new service request or change request without opening Product name - ev itsm.png. Any associated questionnaire will automatically open.

    Example documentation icon EN.png  

  • From the list of current incidents, display the button to generate a change request related to the selected incident.
  • From the entries in the service catalog, display the button to generate a service request associated with the selected entry or an installation request for a software.
             Apps - Text Editor - Advanced tags EasyVista - New request detail.png
Dedicated panes Procedure
Apps - Text Editor - Advanced tags EasyVista.png
  • In the text editor, place the cursor where the button should be inserted.
  • Click Apps - Text Editor - Advanced tags icon.png and select the EasyVista > New Request category.

Apps - Text Editor - Advanced tags EasyVista - New request Properties.png

Apps - Text Editor - Advanced tags EasyVista - New request - Properties selected.png

  • Enter the button name in the Button Label field.
    • You must not use special characters such as < > ‘ / etc.
    • Select the Style tab to define the graphic properties of the button.
  • If you want to save information other than the data automatically updated when creating the request in Product name - ev itsm.png, specify the fields and parameters you want in the Properties tab.
    • Service: Entry in the Service Request Catalog or Change Catalog.
      • Once you have selected the catalog entry, click [ + ADD PARAMETER ].
      • If the command button is placed in a widget pointing to the Service Request Catalog, the field will be grayed out. The current catalog entry is automatically selected (CATALOG_GUID) and cannot be modified.
    • Destination field (SD_REQUEST): Destination field in the SD_REQUEST table.
      • Select the destination field from among the key fields, fields associated with the key, AVAILABLE_FIELD_... fields and E_xxx fields displayed.
    • Parameter type: Source of the information to be stored in the destination field. The elements to be specified will depend on the type of parameter.
      • Field: The source is a data source field linked to the widget.
        • Select the relevant field from the Column list which displays all authorized fields.
        • If the destination field is a key field, select the primary key of the source table from the Column list (PK field).
      • Other Data Sources: The source is another app data source field.
        • Select the relevant field from the Data Source list which displays all app data sources.
        • Next, select the data source field from the Column list which displays all authorized data source fields.
      • Tag: The source is a dedicated tag.
        • Select the relevant tag from the Select tag list which contains predefined values.
        • Note: You cannot create new tags. These are defined by Logo - EasyVista.png.
      • Value: The source is a value.
        • Enter the alphanumeric value in the Enter value field.
  • Click [ + ADD ] to save the parameter. It will appear at the bottom of the screen with a different color code for each drop-down list.

    Apps - Text Editor - Advanced tags EasyVista - New request - Parameter added.png

    • Move the cursor over the color key to see the details.
    • Click Delete icon.png to delete the parameter.
  • If you want to add another parameter, click [ + ADD PARAMETER ]. Next, select the service, destination field and other information as shown above.
Apps - Text Editor - Advanced tags EasyVista - New request Style
  • Use the Style tab to define the graphic properties of the command button.
    • (1) Background Color: Background color of the button.
    • (2) Text Color: Color of the button text.
    • (3) Background Color on Hover: Background color of the button when the cursor moves over it.
    • (4) Text Color on Hover: Color of the button text when the cursor moves over it.
    • Font Size: Font size.
    • (5) Border Radius: Radius applied to define more or less rounded corners for the button.

New request - Button - Style properties.png

  • Click Apps - Add icon.png. The command button will automatically be added to the text editor.
  • Click Apps - Text Editor - Advanced tags icon.png again to close the dedicated pane and return to the text editor.
  • If you want to modify the command button subsequently, select the button in the text editor and click Apps - Text Editor - New request - Modify icon.png.

    Apps - Text Editor - New request - Modify.png

The name of the command button and the action performed are updated dynamically in execute mode based on the context.

  • The request is for a software that can be installed via Click2Get ==> Click2Get will look for the software in the workstation registry using the name and the installed version.
    • If the software does not exist on the workstation, the [ INSTALL ] button is used to run the installation in silent mode.
    • If the software exists on the workstation, the [ RUN ] button is used to run it.
    • If the software is not compatible with the device, e.g. software incompatible with smartphones, the [ NOT AVAILABLE ] button will appear.
    • If an installation request for the software was approved but the software has not been installed, the [ REQUEST N°... ] button will appear displaying the number and status of the request. This ensures that users will not multiply requests to install the same software.
  • The service request involves another type of service:
    • The [ NEW REQUEST ] button will appear enabling you to create the request. If the service request is associated with a questionnaire, then the questionnaire will automatically open.

Note: The names of the [ INSTALL ] and [ NEW REQUEST ] buttons can be modified in the Label Button on the Store field in the Service Request Catalog.

Embed Questionnaire

This opens a window for creating a new service request containing all elements of the catalog entry, including questionnaires.
         Apps - Text Editor - Advanced tags EasyVista - Embed questionnaire detail.png

Dedicated pane Procedure
Apps - Text Editor - Advanced tags EasyVista.png
  • In the text editor, place the cursor where the button should be inserted.
  • Click Apps - Text Editor - Advanced tags icon.png and select the EasyVista > Embed Questionnaire category.
  • Click Apps - Add icon.png. The #[EZVTAG-NEW-REQUEST question="embed"]# instruction will automatically be inserted in the text editor.
  • Click Apps - Text Editor - Advanced tags icon.png again to close the dedicated pane and return to the text editor.

Status Notification

Used to display a green notification banner indicating the status of the created request.
         Apps - Text Editor - Advanced tags EasyVista - Status notification detail.png

Dedicated pane Procedure
Apps - Text Editor - Advanced tags EasyVista.png
  • In the text editor, place the cursor where the button should be inserted.
  • Click Apps - Text Editor - Advanced tags icon.png and select the EasyVista > Status Notification category.
  • Click Apps - Add icon.png. The #[EZVTAG-NEW-REQUEST-STATUS]# instruction will automatically be inserted in the text editor.
  • Click Apps - Text Editor - Advanced tags icon.png again to close the dedicated pane and return to the text editor.

Star Rating

Used to display rating stars for knowledge base articles.
         Apps - Text Editor - Advanced tags Star rating - detail.png

Note: Only if the text editor is accessed from a widget linked to an EasyVista data source pointing to the knowledge base.

Dedicated pane Procedure
Apps - Text Editor - Advanced tags Star rating.png
  • In the text editor, place the cursor where the button should be inserted.
  • Click Apps - Text Editor - Advanced tags icon.png and select the Star Rating category.
  • Click Apps - Add icon.png. The #[DSTAG-star-rating ratingValue ="#[FIELD('...')]# instruction will automatically be inserted in the text editor.
  • Enter the following fields:
    • Authorized modification: Used to indicate if the field contents are modifiable (box is checked) or if the field is available in read-only mode (box is not checked). If the field is modifiable, the update is performed in Product name - ev itsm.png.
  • Click Apps - Text Editor - Advanced tags icon.png again to close the dedicated pane and return to the text editor.
Tags:
Last modified by Unknown User on 2017/10/24 14:17
Created by Administrator XWiki on 2014/09/02 11:34

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