Organization

The Organization filed control is a hierarchy control that allows to response one or multiple organization(s)' name which is managed in Yeeflow organization.

Similar with a user control, the user will only be able to choose organization(s) that you have already managed in Yeeflow. Using a organization control to display, assign a task, even control the access to some section of this form or a data list of this application.  

How to add an Organization field

Firstly, find the Organization control in the controls add panel. Then, drag and drop it into a section or container on your form.

Basic of the Organization field

Open the Content > Basic block and set the Title's text of this Organization control. For more information about Title for field control, please refer:

Understand the Title of field controls

Set the Associated variable for this Organization control. When you add a new Organization control, a default variable will be generated automatically. You can click the Edit Button to change the ID and name, or click the Reset button to bind this Organization control to other existing variables. For more information, please refer:

Understand form controls and the associated variables / fields

Parent Node: Parent Node is optional to be set the node of the hierarchy for your Organization field controls.

Using a custom set of parent node to restrict a subordinate list of an organization that will appear in this organization field. There are two options to associate its parent node. 

Static:  A static parent node will provide all sub-organizations in your Yeeflow. You can choose any of them. The user will be able to select its subordinate organizations then. 

Variable: A variable parent node will allow you to bind another organization control/field (from  Expression Editor) on this form.  That another organization field is always a multiple one, so that the user will be able to choose some from these multiple organizations.

For example, if you just want users to select the subsidiaries under "APAC", then you can choose Static and select "APAC" from the Organization picker control. 

Appearance of the Organization field

Open the Content > Appearance block to set the appearance and layout of this Organization control.

Placeholder: Set the text as the placeholder of this Organization field.

Multiple: You can enable/disable multiple choices for a organization field. If multiple enabled, the users are able to choose one or multiple organization(s) according to your custom set of parent node and hierarchy. 

Hierarchy: You can enable/disable hierarchy for this field.  By default, it's disabled for organization fields.

• A enabled hierarchy is a way to offer this field with all organizations and their subordinates in your Yeeflow or your custom parent node.
• A disabled hierarchy will offer the sub-organizations under your Yeeflow or subordinates under its parent node. 

Display Title: Choose display or hide the title of this control. For more information, please refer: Understand the title of field controls

Allow comment: Turn on this option will allow users to add comments on this control.  

Dynamic Display Rules:  When you set a dynamic display rules, It behaves differently based on specific conditions and rules. Learn how to create dynamic display rules for a control.

Validation of the Organization field

Open the Content > Validation block to set the properties of this Organization field control.

Readonly: Turn this ON will make this field control as view only status. 

Required: Make this field as required. Users cannot leave the content as empty.

Default value: Set a default value of this Organization field. 

1. Customize: Select specific items from the organization picker control below.
2. Current user's Organization: Load the current login user's organization as the default value.

Custom Validation: Set the custom validation rules. An error message that will display under your field when specified conditions become true. It will allow you to add any number of rules for validating your field. Learn more about the Custom Validation.

Action call of the Organization field

Open the Content > Action block to call a pre-defined action from the dropdown list. This action will be triggered once the value of this image field is changed.

Learn more about Actions. 

Style the Organization field control

Field - Editable

Open the Style > Field - Editable block to set the styles of the field control for it's editable status.

1. Typography: Set the typography options for the text in the organization picker control.
2. Normal / Focus: Set different styles for normal state and focus state of the organization picker. Styles below are supported to be set separately for Normal and Focus state.
   • Color: Choose the color of the field's text.
   • Background Color: Set background color of the field. By default, the background color is set as transparent.
   • Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.
   • Radius: Set the border radius to control corner roundness.
   • Shadow: Adjust box shadow options

    

3. Operation Button: Set the styles of the operation button after the text box.
   
   • Color: Select the color of the button’s text
   • Background Color: Select the button’s background color.
4. Placeholder Color: Choose the color of the placeholder text.
5. Align: Set the alignment of text inside the field control. Can be Left, Center or Right. 
6. Padding: Set the Padding of the field control.
7. Field Width: Set the width of the field control in PX or %.
8. Field Alignment: Set the alignment of the field control. This will only be effected when the field width is less than the outside container.
9. Selected items: Set the styles of the selected organizations.
   
   • Margin: Set the Margin of the selected organizations in PX or %.
   • Padding: Set the Padding of the selected organizations in PX or %.
   • Typography: Set the typography options for the text of selected organizations.
   • Color: Select the color of the selected organizations.
   • Background Color: Select the background color of the selected organizations block.
   • Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.
   • Radius: Set the border radius to control corner roundness.
   • Shadow: Adjust box shadow options
10. Error Message: Set the styles of the error message, 
    • Typography: Set the typography options for the error message.
    • Color: Choose the color of the error message's text.

Field - Read Only

Open the Style > Field - Read Only block to set the styles of the field control for it's view only status.

1. Selected items: Set the styles of the selected organizations on it's read only state.
   
   • Margin: Set the Margin of the selected organizations in PX or %.
   • Padding: Set the Padding of the selected organizations in PX or %.
   • Typography: Set the typography options for the text of selected organizations.
   • Color: Select the color of the selected organizations.
   • Background Color: Select the background color of the selected organizations block.
   • Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.
   • Radius: Set the border radius to control corner roundness.
   • Shadow: Adjust box shadow options

    

Style of title

Set the Title of field controls that are applicable to this control.

Advanced Settings

Set the Advanced options that are applicable to this control.