New to Kendo UI for jQuery? Start a free 30-day trial

ActionButton

configuration

Configures the Action button (send/stop) in the end affix. The button is always visible. When null or not configured, the button is enabled by default. Use { enable: false } to disable it.

actionButton

Object

Default: null

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        enable: true
    },
    placeholder: "Ask a question..."
});
</script>

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        size: "large",
        rounded: "full",
        themeColor: "primary"
    },
    placeholder: "Type your message..."
});
</script>

actionButton.enable

Boolean

Enables or disables the Action button.

Default: true

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        enable: false
    },
    placeholder: "Action button is disabled..."
});
</script>

actionButton.fillMode

String

Defines the fill mode for the Action button.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        fillMode: "flat"
    },
    placeholder: "Flat fill mode..."
});
</script>

actionButton.icon

String|Object

Defines the font icon name for the send state.

Set this option to an icon descriptor such as { name: "gear", variant: "outline" }. The variant can be outline, solid, or duotone; it applies to SVG rendering and is ignored for font icons.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        icon: "paper-plane"
    },
    placeholder: "Custom send icon..."
});
</script>

actionButton.loadingIcon

String|Object

Defines the font icon name for the loading/stop state.

Set this option to an icon descriptor such as { name: "gear", variant: "outline" }. The variant can be outline, solid, or duotone; it applies to SVG rendering and is ignored for font icons.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        loadingIcon: "stop"
    },
    placeholder: "Custom loading icon..."
});
</script>

actionButton.rounded

String

Defines the border radius for the Action button.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        rounded: "full"
    },
    placeholder: "Fully rounded button..."
});
</script>

actionButton.size

String

Defines the size of the Action button.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        size: "large"
    },
    placeholder: "Large action button..."
});
</script>

actionButton.themeColor

String

Defines the theme color for the Action button.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    actionButton: {
        themeColor: "primary"
    },
    placeholder: "Primary colored button..."
});
</script>

Related Members