# Number Picker Slider

## **General**

General settings for the Number **Picker** input.

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2FwRX06blmjK2TJUEZFjQA%2Fnumber-slider1.png?alt=media&#x26;token=cfb4ed94-5bf4-41c1-bfcf-26acf9b03a35" alt=""><figcaption></figcaption></figure>

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2FagKlPSWtI0lZkNj5MjBO%2Fnumber-slider2.png?alt=media&#x26;token=c44f2f08-0df1-4118-9ca9-aba5b7f1d9de" alt=""><figcaption></figcaption></figure>

### **Label**

Add the label for your number picker slider input.

### **Field Name**

Specify the field name used to save the number picker slider's data.

### Slide Type

**Regular**

Allows the user to select a single number within a specified range.

**Number Range Slider**

Enables the user to select a range between two numbers.

### Max Range

Define the maximum value the user can select using the number picker slider.

### Min Range

Define the minimum value the user can select using the number picker slider.

### Default Value

Set the default value of the slider when the input field first loads.

### Required

Enable this option to make the number picker slider mandatory, preventing users from submitting the form without selecting a value.

## Styles

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2FSkMvybTGSd9FB7jHAeIk%2Fnumber-slider2.png?alt=media&#x26;token=1a871e7f-c613-423d-ba1e-cec7a4a2bf64" alt=""><figcaption></figcaption></figure>

### Max/Min Value Text Color

**Light Theme**

Set the text color for the maximum and minimum values in light theme.

**Dark Theme**

Set the text color for the maximum and minimum values in dark theme.

### Tooltip Text Color

**Light Theme**

Set the tooltip text color in the light theme.

**Dark Theme**

Set the tooltip text color in the dark theme.

### Slider Color

**Light Theme**

Set the color of the slider in the light theme.

**Dark Theme**

Set the color of the slider in the dark theme.

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.flowappz.com/home/form-fields-pro/fields/number-picker-slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.