{"id":31996,"date":"2017-10-10T08:32:00","date_gmt":"2017-10-10T00:32:00","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=31996"},"modified":"2020-11-11T17:27:10","modified_gmt":"2020-11-11T09:27:10","slug":"features-of-the-edit-box","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/creating-a-calculation\/using-the-calculation-editor\/features-of-the-edit-box\/","title":{"rendered":"Features of the Edit Box"},"content":{"rendered":"\n<p class=\"intro-text\">The <em>edit box<\/em> is where you type or build the expression to be used in your calculation. Features of the edit box include: drag and drop, syntax highlighting, real-time validation, comments, entity display name, and auto-complete.<\/p>\n<p class=\"left-bar\">Related:\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/calculations\/calculation-syntax\/\">Calculation Overview and Syntax<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/creating-a-calculation\/using-the-calculation-editor\/\">Using the Calculation Editor<\/a><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/edit-box.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-32000\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/edit-box.png\" alt=\"\" width=\"670\" height=\"207\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/edit-box.png 670w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/edit-box-150x46.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/edit-box-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/edit-box-36x11.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/edit-box-48x15.png 48w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/a><\/p>\n<h2 class=\"page-subheading\">Drag and Drop<\/h2>\n<p class=\"intro-text\">You can drag and drop a function, entity, tag, template or another calculation from the Component Selector into the edit box.<\/p>\n<p class=\"intro-text\">The function is presented in syntax form - you need to edit this for it to become valid.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23651 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/calc-dragdrop2.png\" width=\"571\" height=\"273\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/calc-dragdrop2.png 571w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/calc-dragdrop2-150x72.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/calc-dragdrop2-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/calc-dragdrop2-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/calc-dragdrop2-48x23.png 48w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\">You can also use drag and drop to replace tags, entities, and attribute values in the edit box.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-tag1.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32015 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-tag1.png\" alt=\"\" width=\"552\" height=\"259\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-tag1.png 552w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-tag1-150x70.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-tag1-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-tag1-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-tag1-48x23.png 48w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-attribute.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-32014\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-attribute.png\" alt=\"\" width=\"832\" height=\"421\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-attribute.png 832w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-attribute-768x389.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-attribute-150x76.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-attribute-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-attribute-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/drag-attribute-48x24.png 48w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">Syntax Highlighting<\/h2>\n<p class=\"intro-text\">The edit box uses syntax highlighting for keywords, functions and strings, and also uses bracket matching highlights.\u00a0<\/p>\n<div style=\"width: 369px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23611\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/syntax.png\" alt=\"\" width=\"369\" height=\"45\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/syntax.png 369w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/syntax-150x18.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/syntax-24x3.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/syntax-36x4.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/syntax-48x6.png 48w\" sizes=\"auto, (max-width: 369px) 100vw, 369px\" \/><\/div>\n<p class=\"intro-text\"><span style=\"color: #9335b5;\">Purple<\/span>: Keyword, Function<br \/>\n <span style=\"color: #9c0000;\">Dark Red<\/span>:\u00a0String<\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">Real-time Validation<\/h2>\n<p class=\"intro-text\">Your calculation expression is validated as you build it. As soon as an error is encountered, it appears in the Error tab.<\/p>\n<p class=\"intro-text\">When you click on an error in the error tab, it is highlighted within the expression.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-error.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-32003 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-error.png\" alt=\"\" width=\"491\" height=\"284\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-error.png 491w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-error-150x87.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-error-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-error-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-error-48x28.png 48w\" sizes=\"auto, (max-width: 491px) 100vw, 491px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">Comments<\/h2>\n<p class=\"intro-text\">You can enter comments within calculations by using \/\/ at the beginning of a row or the end of a row. Anything following the \/\/ syntax is not interpreted by the calculation engine, for that row only.<\/p>\n<p class=\"intro-text\">In the following screenshot, comments have been entered on rows 1, 2, 4, and 7.<\/p>\n<div style=\"width: 830px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-31910 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-comment2.png\" alt=\"\" width=\"830\" height=\"177\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-comment2.png 830w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-comment2-768x164.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-comment2-150x32.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-comment2-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-comment2-36x8.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-comment2-48x10.png 48w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/div>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">Entity Display Name and Syntax<\/h2>\n<p class=\"intro-text\">Entities are specified using standard syntax, however the calculation engine automatically uses the display name of the entity, which is shown in a formatted cell that also shows the icon of the entity's primary template.\u00a0<\/p>\n<p class=\"intro-text\">The icon provides the distinguishing feature when there are multiple entities with the same display name. The icon and display name are also displayed in the Details panel when you click on the entity.<\/p>\n<div style=\"width: 557px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-31994\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-display.png\" alt=\"\" width=\"557\" height=\"370\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-display.png 557w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-display-150x100.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-display-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-display-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/calc-display-48x32.png 48w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/><\/div>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">Auto-complete<\/h2>\n<p class=\"intro-text\">The auto-complete feature allows you to choose tag and entity names from a drop-down list. The auto-complete drop-down is triggered when you type the <strong>{<\/strong> character.<\/p>\n<p class=\"intro-text\">When you start typing, the auto-complete searches the display name and description fields to populate the list. The list shows the matching display name and descriptions, and the matching text is also bolded in the list. You can also see the icons in the list, to help distinguish between multiple entries with the same display name.<\/p>\n<div style=\"width: 391px;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-31995\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/autocomplete.png\" alt=\"\" width=\"391\" height=\"169\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/autocomplete.png 391w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/autocomplete-150x65.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/autocomplete-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/autocomplete-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/10\/autocomplete-48x21.png 48w\" sizes=\"auto, (max-width: 391px) 100vw, 391px\" \/><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Calculation Editor's edit box is packed with features to make building your calculation easier. <\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-server\/configuring-your-system\/creating-a-calculation\/using-the-calculation-editor\/features-of-the-edit-box\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":31997,"parent":23106,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[100],"class_list":["post-31996","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-calculations","Version-4-5-3","Product-srv"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/31996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=31996"}],"version-history":[{"count":1,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/31996\/revisions"}],"predecessor-version":[{"id":46168,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/31996\/revisions\/46168"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23106"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/31997"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=31996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=31996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=31996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}