Label Widget

Last published at: April 9th, 2021

Description:

Text can be placed on the form using the label controls.

Inputs

  • ID/Name - Name of widget generated by FlowWright (read-only field)
  • For - The For attribute specifies which form element the label is bound to. The label element allows the user to give focus to a form element by clicking on an associate label. If you do not use the for attribute, this association will not be made. 
  • Label Text - Enter the description text for label. Select "Enable Multitext" checkbox to include multi-lines. 
  • Label Width - The label width is set to default value "auto" (read-only field)
  • Label Styles - Select checkbox to choose Bold, Italics, Underline options (tick mark) 
  • Fore Color - Select the foreground color from the palette 
  • Back Color - Select the background color from the palette 
  • Font Size - Select the font size
  • Hide - Select checkbox to Hide (tick mark)
  • Tool Tip - Enter information to display on mouse hover on form render
  • Styles - Enter the CSS scripts for widget styles
  • Apply Classes - Select between custom classes defined 
  • Save - Save the input values 
  • Delete - Remove this form widget from the designer page 
  • Close - Close the input popup window

Design:

Example: 

Let’s build and execute the LabelDef example.  

  • Create a new form definition called “LabelDef”
  • Select the Open Designer checkbox and click the “Create” button
  • Drag a Label widget to the canvas
  • Double-click on the widget to configure the inputs as shown in the below graphic
  • Click on Save button and Close the popup window
  • Navigate to UI menu and Preview the form.