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 offers a number of useful controls to build interactive web components. These controls can be put into conceptual categories.
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
%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%3eExecute Controls -%26nbsp%3b%3c/strong%3ethese are controls that fire when you hit a submit button%2c or on a specific event %28like a page load or a post to the database%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%3eSmart HTML controls%3c/strong%3e%26nbsp%3b- These are your standard form-builder controls %28like checkboxes and drop-downs%29 with a few additional ones that are able to respond to business logic - like conditional drop-downs or conditional show/hide elements. There are also a few user account driven ones like changing passwords%2c and data driven ones - where an IQA query controls what is on the page.%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%3ePre-Process Controls%3c/strong%3e%26nbsp%3b- these are controls that pick up data before processing - like getting the ID of the logged in user%2c or what is in the cart.%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%3ePost-execution controls%3c/strong%3e%26nbsp%3b- these controls fire after the data has been passed to a stored procedure and perform smart actions like adding the user to a group or role%2c or sending out emails to a group of users%2c or inserting some javascript into a page to change the way it operates.%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%3eURL and tracking%26nbsp%3b%3c/strong%3e- these controls can either give you information on the current user - like their browser%2c IP or device%2c or they can redirect the user to another web page after submission.%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%3ePLUS controls%3c/strong%3e%26nbsp%3b- these controls require an additional license and are generally integration controls for other software solutions %28Like adobe connect%29.%3c/li%3e %3c/ul%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]##