Input Layer

⚠️ Warning: You need to have a developer's knowledge to be able to use this layer! For these reasons, we're not able to provide support for this layer.

You can find the Input layer in the Slide Editor.

☝️ Note: This layer is only available in the Pro version of Smart Slider 3.

The Input layer is a simple HTML input tag. If you know some coding, you could write your own code to start searches, or send the value through to a PHP file.

Content

Text

Placeholder text

This text will be displayed when the input field is empty.

Label

This will be the text of the button.

Form

Input name

You can set the name attribute of the input tag.

Method

Specifies the HTTP method to use when sending form-data.

Target Window

It indicates where to display the response that is received after submitting the form.

Form Action

You can enter the value that will be put the HTML form tag's action parameter.

Parameters

You can add custom parameters to the URL.

Slide action to submit

Trigger the submit action based on a JavaScript event happening to the slide (for example: click, mouseenter, mouseleave).

JavaScript

OnSubmit

You can trigger some event when the form is submitted.

OnKeyUp

You can trigger some event when a key is up after pressed.

Advanced

CSS class

You can add custom CSS class to the input layer.

Style

Typography

Learn about the typography options at the Layer Typography & Design documentation.

Background

Learn about the background options at the Layer Typography & Design documentation.

Border

Learn about the border options at the Layer Typography & Design documentation.

Spacing

Learn about the spacing options at the Layer Typography & Design documentation.

Responsive

Learn about the responsive options at the Layer Style documentation.

Effect

Learn more about the effect options at the Layer Style documentation.

Position

Learn about the position options at the Layer Style documentation.

Size

Learn about the size options at the Layer Style documentation.

Advanced

Learn more about the advanced options at the Layer Style documentation.

Animations

Learn about the animations at the Animation documentation.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.