Loading
Knowledgebase Article
Category
(None)
Webtoolz Overview
Webtoolz Installation
Webtoolz Support & Usage Guidelines
Webtoolz - General
Webtoolz - Tips & Tricks
Webtoolz - CSS Snippets
Webtoolz - Execute Controls
Webtoolz - Smart HTML Controls
Webtoolz - iMIS Smart Pre-Process Controls
Webtoolz - iMIS Smart Post-Execution Controls
Webtoolz - Cart Controls
Webtoolz - URL & Tracking Controls
Webtoolz - Session Controls
Webtoolz - Integrations Plus
Webtoolz - Administrative Controls
Zentso Invoicing
Webtoolz - Zentso Consulting Controls
Webtoolz - RESTful API Controls Plus
Webtoolz - SAML 2.0 Plus
Webtoolz - ReCaptcha V2
Zentso Resourcing
Status
(None)
Draft
Published
Inactive
Staff
Title
Introduction
WebToolz (previously called FormToolz) makes it quick and easy to add dynamic user-interactive components to iMIS pages. Being an iPart, it works well in conjunction with all other iParts (e.g Content Collection Organiser). It combines drag and drop user-interface design with the ability to process complex business logic in SQL stored procedures.
Body
RadEditor - HTML WYSIWYG Editor. MS Word-like content editing experience thanks to a rich set of formatting tools, dropdowns, dialogs, system modules and built-in spell-check.
RadEditor's components - toolbar, content area, modes and modules
Toolbar's wrapper
Font Name
Size
Paragraph Style
Apply CSS Class
Content area wrapper
RadEditor hidden textarea
%3ch1 style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3e%3cstrong style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3e%3cspan style%3d%22font-size%3a 24px%3b%22%3eImportant Terms and Definitions%3c/span%3e%3c/strong%3e%3c/h1%3e %3cp style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3eTo fully understand the WebToolz%26nbsp%3biPart%2c it is helpful to be familiar with some core terms and definitions.%3c/p%3e %3ch2%3eControls%3c/h2%3e These are a list of components or tools you may use to build your web pages.%26nbsp%3b Controls are broken into three categories%3a %3cul style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-right%3a 0px%3b margin-bottom%3a 22px%3b margin-left%3a 0px%3b padding%3a 0px 0px 0px 60px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3e%3cstrong style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3ebasic form controls%3c/strong%3e%26nbsp%3b - these are controls typically found in form builders%26nbsp%3bsuch as%3a text boxes%2c dropdown boxes%2c combo boxes%2c and radio buttons. These types of controls can be executable controls which do something%2c like fire a stored procedure%2c or what we call smart HTML controls%2c which are the normal form builder type of controls with some additional data-driven elements %28like show or hide business logic%29%2c Pre-process %28executed before the page loads%29.%26nbsp%3b%3c/li%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3e%3cstrong style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eextension controls%3c/strong%3e%26nbsp%3b-%26nbsp%3ballow you to change a password%2c assign a password%2c download or upload a file%2c or perhaps send an email. These are typically termed post-execution controls because they do something special after the execution of the form you are on.Other extension controls include integrations to other pieces of software %28e.g Adobe Connect or Canvas LMS%29%2c or tools to facilitate integrations %28Like single sign on and API wrappers%29. Some of these extensions controls are charged for separately %28indicated by the PLUS icon after their name.%3c/li%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3e%3cstrong style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eAnalytic controls%3c/strong%3e%26nbsp%3b- %26nbsp%3bthese controls%26nbsp%3benable web analytics by allowing you to capture a user%26rsquo%3bs browser type%2c browser platform%2c IP address and the URL they are accessing.%3c/li%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3e%3cstrong style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eParameters%3c/strong%3e%3c/li%3e %3c/ul%3e %3cp class%3d%22rteindent1%22 style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b margin-left%3a 40px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3eThere are three different types of parameters used with the WebToolZ iPart.%26nbsp%3b Whether a parameter is seen as an inbound parameter or an outbound parameter is always based from the vantage point of how the parameter works with the object of your focus.%26nbsp%3b For example%2c when considering one of your own SQL procedures%2c the inbound parameters are ones you send to your procedure and the outbound parameters are the ones you send from your procedure.%26nbsp%3b When considering the WebToolz%26nbsp%3biPart%2c the inbound parameters are ones coming from%2c say%2c a URL into the iPart or from your custom SQL procedure into the iPart and it has no outbound parameters.%26nbsp%3b In the case of the iPart%2c it so happens that the outbound parameters of your procedure are the inbound parameters for the iPart.%26nbsp%3b This explained%2c there are three types of parameters%3a URL%2c inbound and outbound.%26nbsp%3b%3c/p%3e %3ch3 style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b margin-left%3a 0px%3b%22%3e%3cstrong style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eInbound Parameters%3c/strong%3e%3c/h3%3e %3cp style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b margin-left%3a 0px%3b%22%3e%3cspan style%3d%22font-family%3a Arial%3b%22%3eInbound parameters are ones captured by a form or page and then sent to your custom SQL procedure where sone business logic is applied and the parameters are written to iMIS.%3c/span%3e%3c/p%3e %3ch3 style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b margin-left%3a 0px%3b%22%3e%3cstrong style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eOutbound Parameters%3c/strong%3e%3c/h3%3e %3cp style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b margin-left%3a 0px%3b%22%3e%3cspan style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b%22%3eOutbound or return parameters are ones sent out of your custom SQL procedure%2c and may appear on a web page%2c alter a web page or create an action %28like a redirect%2c file download%2c or sending an email.%3c/span%3e%3c/p%3e %3cspan style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b%22%3e%3c/span%3e %3ch3%3eURL Parameters%3c/h3%3e %3cspan style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b%22%3e%3c/span%3e%3cspan style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b%22%3eURL parameters are ones located in the URL of the webpage being visited.%26nbsp%3b In this example%3c/span%3e%3cem style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3ehttp%3c/em%3e%3cem style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3e%3a//%3ca href%3d%22http%3a//www.zengage.co/index.asp%3fPage%3dExample%25C2%25A0%22 style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b color%3a %237996b7%3b text-decoration-line%3a none%3b outline%3a none %21important%3b%22%3ewww.zengage.co/index.asp%3fPage%3dExample%26nbsp%3b%3c/a%3e%3c/em%3e%3cspan style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b%22%3ethe URL parameter immediately follows the question mark and ends just before the equal sign%26mdash%3bhere%2c the word %26ldquo%3bPage%26rdquo%3b is the URL parameter.%26nbsp%3b It is also possible to have parameters after the question mark and these are delimited by use of the ampersand %28%26amp%3b%29 and the equal sign.%26nbsp%3bIn this example%26nbsp%3b%3c/span%3e%3cem style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3e%3ca href%3d%22http%3a//www.zengage.co/index.asp%3fPage%3dExample%26amp%3bparagraph%3d3%26amp%3bsentence%3d5%25C2%25A0%22 style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b color%3a %237996b7%3b text-decoration-line%3a none%3b outline%3a none %21important%3b%22%3ehttp%3a//www.zengage.co/index.asp%3fPage%3dExample%26amp%3bparagraph%3d3%26amp%3bsentence%3d5%26nbsp%3b%3c/a%3e%3c/em%3e%3cspan style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b%22%3ethe word %26ldquo%3bparagraph%26rdquo%3b is the second parameter and the word %26ldquo%3bsentence%26rdquo%3b is the third parameter.%26nbsp%3b Each of these is assigned the value immediately after the equal sign%2c making the value of Page %3d %26ldquo%3bExample%26rdquo%3b%2c the value of%26nbsp%3b%3c/span%3e%3cem style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eparagraph%3c/em%3e%3cspan style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b%22%3e%26nbsp%3b%3d %26ldquo%3b3%26rdquo%3b and the value of%26nbsp%3b%3c/span%3e%3cem style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3esentence%3c/em%3e%3cspan style%3d%22font-family%3a %27Open Sans%27%2c Helvetica%2c Arial%2c sans-serif%3b%22%3e%26nbsp%3b%3d %26ldquo%3b5%26rdquo%3b as noted in the example above.%3c/span%3e %3cul style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-right%3a 0px%3b margin-bottom%3a 22px%3b margin-left%3a 0px%3b padding%3a 0px 0px 0px 60px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eThese URL parameters may be used as incoming parameters in the iPart and assigned as pre-populated values that display when the control is rendered to screen.%26nbsp%3b%3c/li%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eThese URL parameters should be entered%26nbsp%3b%3cem style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3ewithout%3c/em%3e%26nbsp%3ba leading @ sign%2c which makes their use different than the incoming parameters from your SQL procedure which%26nbsp%3b%3cem style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3erequire%3c/em%3e%26nbsp%3bthe use of the @ so that the iPart may recognize the difference between the two.%3c/li%3e %3c/ul%3e %3ch2 style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3e%3cstrong style%3d%22border%3a 0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b outline%3a none %21important%3b%22%3eFoundational Principals%3c/strong%3e%3c/h2%3e %3cp style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3eThe Zengage WebToolz%26nbsp%3biPart operates under the following foundational principals%3a%3c/p%3e %3col%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3eEach time the iPart is used to interact with the iMIS database%2c it must be associated with an SQL stored procedure%26mdash%3bthe iPart only acts upon data it is offered from outbound parameter values returned from your SQL procedure.%26nbsp%3b As an example of this%2c consider the ResetPassword control of WebToolz%26nbsp%3bexplained in much greater detail later in this manual.%26nbsp%3b WebToolz%26nbsp%3bcan create a username and password for an existing contact when you return the iMIS ID%2c a username and password to WebToolz%26nbsp%3bvia the outbound parameters of your custom procedure.%26nbsp%3b The workflow to produce this expected result is as follows%3a drop an instance of the WebToolz%26nbsp%3biPart on a content page%3b choose the ResetPassword operation%3b create a procedure that returns the ID%2c username and password%2c associate your procedure to the iPart%3b build the form%3b and run the form. %3c/li%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3eAll internal iMIS business rules must be respected when operating the iPart against the iMIS system.%26nbsp%3b An example of this when using the ResetPassword operation is that the username may not already be in use%3b the password must meet password restrictive rules established in iMIS%3b the contact must already be made or must be made in your custom procedure prior to returning the outbound parameters to the iPart%3b and an email address must already be assigned to the contact record.%3c/li%3e %3cli style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3eiMIS macro variables such as @CurrentUser%2c @Me%2c @Now may not be used as incoming parameters or outgoing parameters as these are filled in by the iMIS subsystem and this iPart is external to that.%26nbsp%3b Further%2c the @ sign is reserved for use in defining incoming parameters from SQL procedures%2c which means that all URL parameters are used in the iPart without the leading @ sign.%3c/li%3e %3c/ol%3e %3cp style%3d%22border%3a0px solid %23e1e1e1%3b zoom%3a 1%3b -webkit-tap-highlight-color%3a rgba%280%2c 0%2c 0%2c 0%29%3b margin-bottom%3a 22px%3b font-family%3a Arimo%2c sans-serif%3b background-color%3a %23ffffff%3b outline%3a none %21important%3b%22%3e%26nbsp%3b%3c/p%3e
RadEditor's bottom area: Design, Html and Preview modes, Statistics module and resize handle.
It contains RadEditor's Modes/views (HTML, Design and Preview), Statistics and Resizer
Editor Mode buttons
Statistics module
Editor resizer
Design
HTML
Preview
RadEditor - please enable JavaScript to use the rich text editor.
RadEditor's Modules - special tools used to provide extra information such as Tag Inspector, Real Time HTML Viewer, Tag Properties and other.
Article List
New Article
{1}
##LOC[OK]##
{1}
##LOC[OK]##
##LOC[Cancel]##
{1}
##LOC[OK]##
##LOC[Cancel]##