Make sure you have a Form with Form Configuration and a TPC Form Layout already attached. Drag and drop the Bar Code Widget from the Portal Connector tools into the TPC Form Layout and click edit to display the properties prompt. The Attribute dropdown list allows you to select an attribute for the widget to create a barcode from. The Encoding Type dropdown list allows you to specify a symbology for a barcode to adhere to. More information on barcode symbology types can be found here and here.
The Attribute drop down list will allow you to change the data field that this widget will save the user’s input to (For example, a CRM Text Field with an Attribute of Account Name will save its input to the Account Name data field).
The symbology for the the barcode to adhere to. There are a number of encoding types available.
Find out more about Encodings.
The Hidden checkbox will hide the widget from the page when checked.
The Tool Tip allows you to add a description or Hint to your widget.
This property determines the position of the tool tip. By default this property is set to "Auto". You can change this to Left , Right , Top , Bottom.
The Background advanced property allows you to set the background colour of a widget.
The BorderColor advanced property allows you to set the border color of a widget.
The BorderDashType advanced property allows you to set the appearance of a border. Applicable options include: None, hidden, dotted, dashed, solid, double, groove, ridge inset, and outset. More information on these styles can be found here.
The BorderWidth advanced property allows you to set the border width of a widget.
You can set the color of the text by changing the value of this property
change the font family and every property related to the font styles can be changed by changing this property. ie:"16px Consolas, Monaco, Sans Mono, monospace, sans-serif"
The Color advanced property allows you to set the font color of a widget.
The Padding advanced property allows you to set the padding of a widget.
The Height property determines the height of the widget element in pixels.
The Width property allows you to define the width of a widget in pixels.
display text on the barcode
Allows you to hide the widget when this property is set to true
The TextMargin advanced property allows you to set the text margin of a widget.
Advanced properties provide additional functionality. They can be accessed by clicking on the "Advanced" Button in the bottom right corner of the widget designer.
Enables the widget on the form.
None
Disables the widget on the form.
Returns the widget type.
String
Clears the value of the widget.
Returns the container element of the widget.
jQuery Object
Returns the element of the widget.
Returns the input element of the widget.
JQuery Object
Returns the value of the attribute that the barcode widget has been configured to use.
Hides the widget from the form.
Shows the widget on the form.
Sets the colour of the background. This can be done in a variety of ways.
Sets the colour of the border associated with the widget. This can be done in a variety of ways.
Sets the style of the border associated with the widget. Some border dash types include: solid and dotted.
Sets the width of the border associated with the widget.
Sets the colour of the widget. In the case of the Barcode widget, this will set the colour of the bars.
Sets the height of the widget.
Sets the bottom padding of the widget.
Sets the left-side padding of the widget.
Sets the right-side padding of the widget.
Sets the top padding of the widget.
Sets the preferred rendering engine. The default value for this is 'svg'. More information on this method can be found here.
Sets the colour of the text associated with the widget.
Sets the font of the text associated with the widget.
Sets the margin of the text associated with the widget.
Sets the left-side margin of the text associated with the widget.
Sets the right-side margin of the text associated with the widget.
Sets the top margin of the text associated with the widget.
Sets the encoding type of the widget.
Sets the value of the widget. In the case of the CRM Barcode widget, a barcode will be rendered based on this set value.
Sets the width of the widget.
Shows or hides the checksum associated with the widget. The default value for this is 'false'.
Shows or hides the text associated with the widget. The default value for this is 'true'.
Toggles the visibility of the widget on the form.
Sets the widget state to read only.