---
url: https://gudhub.com/ru/docs/gh-elements/smart-input/
title: "Smart Input\n                #"
description: "Smart Input is a gh element that allows you to configure various types of smart tools. The work of smart input is based on the automation nodes. There a special"
lang: uk
updated: 2026-09-11T13:14:06.596Z
---

# Smart Input [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#smart-input)

**Smart Input** is a gh-element that allows you to configure various types of smart tools. The work of smart input is based on the automation nodes. There a special node called [SmartInput](https://gudhub.com/ru/docs/automation-nodes/smart-input-node/) that is available only in this element. Together with a variety of element settings, you can create a useful automation tool according to your needs.

> Depending on the [output socket](https://gudhub.com/ru/docs/automation-nodes/smart-input-node/) used, different [types](#type) of current element are used.

## Functional Characteristics [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#functional-characteristics)

The **Smart Input** is very useful element with lots of application options. Since, due to big number of settings and [automation nodes](https://gudhub.com/ru/docs/automation-nodes/smart-input-node/), it can be configured as you wish, its functional characteristics will be described superficially by type:

-   _Button_ - allows to create buttons to add data or update existing data in items remotely.
-   _Input_ - allows to create the input field to add and update data in any field remotely.
-   _Form_ - allows you to create a special button that will add new elements to the application, for example, with certain fields filled in.
-   _List_ - allows you to create a list of items. When the user selects one of them, a certain action will happen.

Also due to [automation](https://gudhub.com/ru/docs/automation-nodes/smart-input-node/), this element can do a few actions at the same time. For example, the _Button_ for changing the task status can simultaneously send a message about this change to the project manager.

## Value Format [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#value-format)

With any setting, the current gh-element has no value.

## Element Options [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#element-options)

The current item has many different settings. Many of them appear only in certain cases.

### Field Settings [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#field-settings)

Field settings are the most important for the element. The consists of standard gh-element settings, type option, and settings of types.

When you change the type of smart input, additional settings change as well.

-   Button
    
    ![Settings of button type smart input](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-field-settings-button.jpg "Smart input field settings button")
    
-   Input
    
    ![Settings of input type](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-field-settings-input.jpg "Smart input field settings input")
    
-   Form
    
    ![Settings of form type smart input](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-field-settings-form.jpg "Smart input field settings form")
    
-   List
    
    ![Settings of list type smart input](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-field-settings-list.jpg "Smart input field settings list")
    

| Name | Description |
| :-- | :-- |
| Type | allows to change the functions of the element; [details...](#type) |
| Background | allows to select color of the button; [details...](#background) |
| Icon | allows to add and select the icon of the button; [details...](#icon) |
| Auto Focus | allows to enable automatic focusing on the current element when the user opens an element; [details...](#auto-focus) |
| Application | allows to select the source application; [details...](#application) |
| View name | allows to select the view of the empty item; [details...](#view-name) |
| Show dialog | allows to configure whether the item will be opened on the full screen or as a pop-up window; [details...](#show-dialog) |

#### **Type** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#type)

Types of the smart input element determine which type function the it will be able to perform and which [socket of its node](https://gudhub.com/ru/docs/automation-nodes/smart-input-node/) will use. In addition, the use of the following settings depends on the selected type.

-   Button
    -   [Background](#background)
    -   [Icon](#icon)
-   Input
    -   [Auto Focus](#auto-focus)
-   Form
    -   [Application](#application)
    -   [View Name](#view-name)
    -   [Show Dialog](#show-dialog)
-   List
    -   [Select first matched on Enter](#select-first-matched-on-enter)
    -   [Show Thumbnail](#show-thumbnail)
    -   [List Input Settings](#list-input-settings)

#### **Background** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#background)

This is the function that allows to open the color picker and select the color of the button. It is available only for the _Button_ type.

#### **Icon** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#icon)

This is the icon that will be displayed on the button when the _Button_ type is selected.

#### **Auto Focus** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#auto-focus)

When this feature is enabled and the user opens an item, he/she can enter any value in Smart Input without clicking on it. In addition, the page will automatically scroll to this element. This feature works only for _Input_ type.

#### **Application** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#application)

This is the source application whose item will be opened after the smart input button is clicked. It can only be selected for the _Form_ type.

#### **View Name** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#view-name)

This is the view of the [application](#application) items, that will be opened after the smart input button is clicked. As well as the application, this option is available only for the _Form_ type.

#### **Show Dialog** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#show-dialog)

If this function is on, the empty item will be opened as a pop-up window. It is available only for the _Form_ type.

### Use Selected Items And List Input Settings [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#use-selected-items-and-list-input-settings)

The second settings block contains two groups. The first one allows configure the selection of the items. The second group contains additional settings for the _List_ type. Also, they are not displayed unless the _List_ type is selected.

![Use selected items and part of list input settings of smart input](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-use-selected-items.jpg "Use selected items and part of list input settings")

| Name | Description |
| :-- | :-- |
| Use Selected Items | allows you to use another application to update items rather than the current one; [details...](#use-selected-items) |
| App for Selected Items | allows to select the application whose items will be updated; [details...](#app-for-selected-items) |
| Select first matched on Enter | allows you to enable or disable the items selection function by pressing the Enter key; [details...](#select-first-matched-on-enter) |
| Show thumbnail | allows to enable or disable displaying the thumbnails in the drop-down list; [details...](#show-thumbnail) |

#### **Use Selected Items** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#use-selected-items)

The [Smart Input node](https://gudhub.com/ru/docs/automation-nodes/smart-input-node/) by default processes item data from the application where the _Smart Input_ item is located. But the **Use Selected Items** allows you to select a different application if this option is enabled.

#### **App For Selected Items** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#app-for-selected-items)

This function appears only if the [previous one](#use-selected-items) is enabled. The items of the selected application will be used for the following actions and transmitting to the next [nodes](https://gudhub.com/ru/docs/automation-nodes/smart-input-node/) instead of the current app.

#### **Select First Matched On Enter** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#select-first-matched-on-enter)

The name of this setting clearly describes its function. If it is enabled, when the user enters an item name into the field, he/she can simply select the first matching item by pressing Enter.

#### **Show Thumbnail** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#show-thumbnail)

The source field for [thumbnails](#thumbnail) is selected in additional [settings of the List input](#settings). The current setting, in turn, allows you to determine whether those thumbnails will be displayed in the item drop-down list.

### List Input Settings [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#list-input-settings)

The last block of settings is always on the screen, but it used only for the [_List_ type](#type) of the smart input. These settings allows to generate the drop-down list of items.

![Settings of list type smart input](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-list-input-settings.jpg "List input settings")

| Name | Description |
| :-- | :-- |
| Application | allows to select the source application whose items will be used in the list; [details...](#application-for-list) |
| View | allows to select the view of the items; [details...](#view) |
| Title | allows to select the field from whose values will be used as an items titles in the drop-down list; [details...](#title) |
| Settings | allows to configure additional settings for the drop-down list options from a specific application; [details...](#settings) |
| Edit | allows to edit or delete the list option; [details...](#edit) |

#### **Application For List** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#application-for-list)

This is the application whose existing items will be used to form the drop-down list and to which the item provides access.

#### **View** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#view)

This is the view from the [source application](#application-for-list). It is the view of its items.

#### **Title** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#title)

The titles of items in the list are taken from the selected field with data. Thus, you must select the field that will give the corresponding names to the elements.

#### **Edit** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#edit)

As usual, the last column contains two buttons for each of the created options. One of the buttons allows you to edit it, the other allows you to delete it.

### Settings [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#settings)

This group of settings is for adding some features to a group of list items from one application.

![Settings of list input option](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-settings.jpg "Settings")

| Name | Description |
| :-- | :-- |
| Thumbnail | allows to select the source field from which images will be used as thumbnails in the drop-down list; [details...](#thumbnail) |
| Subtitle | allows to select the field whose values will be displayed in the drop-down list; [details...](#subtitle) |
| Notes | allows to leave some notes in settings; [details...](#notes) |
| Filter | allows you to configure which items can use these settings; [details...](#filter) |

#### **Thumbnail** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#thumbnail)

Use this function to select the source element of the images. These images will be displayed in the drop-down list as thumbnails of the defined elements.

#### **Subtitle** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#subtitle)

This function allows you to select the fields whose data will be displayed in the drop-down list below every header. Data for subtitles can be provided from several fields at the same time.

#### **Notes** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#notes)

This setting is for marking a setting assignment or leaving any notes there.

#### **Filter** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#filter)

The last function allows you to add many different filters which will sift items to which the additional settings should not apply.

## Element Style [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#element-style)

The style of the current element is customized using [standard settings](https://gudhub.com/ru/docs/understanding-gudhub/gh-elements-structure/setting-overview/) and has only one [interpretation type](#interpretation).

![Style of smart input element](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-element-style.jpg "Smart input element style")

### General Settings [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#general-settings)

The only additional setting is located in general group of style settings.

![General settings of smart input style](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-general-settings.jpg "Smart input general settings")

| Name | Description |
| :-- | :-- |
| Width | allows to set the width of the element field/button |

#### **Width** [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#width)

The current settings accept any values in any CSS length units.

## Data Model [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#data-model)

Копировать

```json
{
    "data_model": {
        "app_id": "28752",
        "auto_focus": 1,
        "color": "#00cccc",
        "icon": "rar",
        "interpretation": [],
        "select_first_matched_option": 1,
        "selected_apps": [{
            "app_id": "28855",
            "settings": {
                "notes": "adsdsa",
                "filters_list": [],
                "subtitle_field_ids": "680499",
                "thumbnail_field_id": "680498"
            },
            "title_field_ids": "680365",
            "view_id": "1531669"
        }],
        "selected_items_app_id": "28752",
        "settings": {
            "include_nodes": []
        },
        "show_dialog": 1,
        "show_thumbnail": 0,
        "trigger": {},
        "type": "list",
        "use_selected_items": 0,
        "view_id": "1527725"
    }
}
```

| Name | Type | Description |
| :-- | :-- | :-- |
| app\_id | `string` | _contains ID of the application from which the items for the list of items will be taken_ |
| auto\_focus | `boolean` | _shows whether the auto focus is used or not_ |
| color | `string` | _contains hex code of the selected button color_ |
| icon | `string` | _contains name of the selected button icon_ |
| interpretation | `array` | _contains all element interpretation types_ |
| select\_first\_matched\_option | `boolean` | _shows whether or not the function of selecting a matching item by pressing Enter_ |
| selected\_apps | `array` | _contains all application and other settings of option for drop-down list_ |
| app\_id | `string` | _contains ID of the source application for drop-down list_ |
| settings | `object` | _contains all additional settings of options of the items in the drop-down list_ |
| notes | `string` | _contains notes that have been entered in the settings_ |
| filters\_list | `array` | _contains all filters used in additional settings of the List type_ |
| subtitle\_field\_ids | `string` | _contains ID of the field from which the subtitles for the dropdown list will be taken_ |
| thumbnail\_field\_id | `string` | _contains ID of the field from which the images for the thumbnails will be taken_ |
| title\_field\_idobjects | `string` | _contains the field ID from which the value for the element headers will be taken_ |
| view\_id | `string` | _contains ID of the items view_ |
| selected\_items\_app\_id | `string` | _contains the ID of the application whose items will be used instead of the current application_ |
| settings | `object` | _contains settings of element automation_ |
| include\_nodes | `array` | _contains all used nodes and their settings_ |
| show\_dialog | `boolean` | _shows whether the item will be opened as the pop-up window_ |
| show\_thumbnail | `boolean` | _shows whether the thumbnails will be displayed or not_ |
| trigger | `object` | _contains all setting of the element nodes_ |
| type | `string` | _contains selected type of the element_ |
| use\_selected\_items | `boolean` | _shows whether selected items will be used or not_ |
| view\_id | `string` | _contains ID of the view of items_ |

## Filtration [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#filtration)

This element cannot be filtered out.

## Interpretation [#](https://gudhub.com/ru/docs/gh-elements/smart-input/#interpretation)

Smart input input has only one type of interpretation, which differs depending on the type setting:

-   [Button](#type) and [Form](#type)
    
    ![First type of interpretation](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-interpretation-types.jpg "Smart input interpretation of input and list types")
    
-   [Input](#type) and [List](#type)
    
    ![Second type of interpretation](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/smart-input-interpretation-types-list.jpg "Smart input interpretation of button and form types")