---
title: "Slider Manager Class"
description: "Provides methods for working with sliders in the Bitrix24 application. It allows opening and closing sliders, as well as managing their content."
canonical_url: "https://bitrix24.github.io/b24jssdk/docs/working-with-the-rest-api/frame-slider"
last_updated: "2026-05-08"
---
# Slider Manager Class

> Provides methods for working with sliders in the Bitrix24 application. It allows opening and closing sliders, as well as managing their content.

> [!WARNING]
> We are still updating this page. Some data may be missing here — we will complete it shortly.

## Methods

### openSliderAppPage

```ts-type
async openSliderAppPage(params: any = {}}: Promise<any>
```

The `openSliderAppPage` method allows you to open the current app in a new slider, passing arbitrary parameters.

How it works:

- **Data Passing:** You call the method and pass an object with parameters (e.g., place, action, or id).
- **Processing in the Application:** On the application side, it's most convenient to intercept these parameters through middleware. This allows you to decide which route to display to the user before the page is rendered.
- **Seamless Navigation:** The user sees a new slider with the desired content, while the redirection logic is hidden within the application.

```ts [frame-slider-app-page-open.ts]
? visitAndReplace ?
```

### closeSliderAppPage

```ts-type
async closeSliderAppPage(): Promise<void>
```

Closes the slider with the application.

```ts [frame-slider-app-page-close.ts]
? visitAndReplace ?
```

### openPath

```ts-type
async openPath(url: URL, width: number = 1640): Promise<StatusClose>
```

Opens the specified path inside the portal in a slider.

Handles errors related to mobile device usage and can open the URL in a new tab if the slider is not supported.

Returns [`StatusClose`](https://github.com/bitrix24/b24jssdk/blob/main/packages/jssdk/src/types/slider.ts)

| Parameter | Type | Description |
| --- | --- | --- |
| `url` | `URL` | URL to be opened. |
| `width` | `number` | Slider width, a number in the range from `1640` to `900` . |

This example demonstrates calling the Bitrix24 slider and handling its closing result.

Key points:

- **Completion handling:** After closing the slider, the SDK returns a status. This allows subsequent operations to be initiated, such as reinitializing application data.

> [!WARNING]
> In some cases, Bitrix24 opens the interface not in the slider, but in a new browser tab.
> - **Limitation:** It is virtually impossible to detect the closing of an individual tab using standard JS tools.
> - **Solution:** The `isOpenAtNewWindow` parameter in the jsSdk response allows you to determine whether a tab was opened instead of the slider and correctly configure the application's logic.

```ts [frame-slider-open-path.ts]
? visitAndReplace ?
```

### getUrl

```ts-type
getUrl(path: string = '/'): URL
```

Returns a `URL` relative to the domain name and path.

```ts
$b24 = await initializeB24Frame()
// ...
const url = $b24.slider.getUrl('/settings/configs/userfield_list.php')
```

### getTargetOrigin

```ts-type
getTargetOrigin(): string
```

Returns the Bitrix24 address (e.g., `https://your_domain.bitrix24.com`).

## Sitemap

See the full [sitemap](/b24jssdk/sitemap.md) for all pages.