JavaScript/jQuery SlideOutView Options

activeStateEnabled

contentComponent

contentRender

contentTemplate

disabled

elementAttr

$(function(){
    $("#slideOutViewContainer").dxSlideOutView({
        // ...
        elementAttr: {
            id: "elementId",
            class: "class-name"
        }
    });
});

<dx-slide-out-view ...
    [elementAttr]="{ id: 'elementId', class: 'class-name' }">
</dx-slide-out-view>

import { DxSlideOutViewModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxSlideOutViewModule
    ],
    // ...
})

<template>
    <DxSlideOutView ...
        :element-attr="slideOutViewAttributes">
    </DxSlideOutView>
</template>

<script>
import DxSlideOutView from 'devextreme-vue/slide-out-view';

export default {
    components: {
        DxSlideOutView
    },
    data() {
        return {
            slideOutViewAttributes: {
                id: 'elementId',
                class: 'class-name'
            }
        }
    }
}
</script>

import React from 'react';

import SlideOutView from 'devextreme-react/slide-out-view';

class App extends React.Component {
    slideOutViewAttributes = {
        id: 'elementId',
        class: 'class-name'
    }

    render() {
        return (
            <SlideOutView ...
                elementAttr={this.slideOutViewAttributes}>
            </SlideOutView>
        );
    }
}
export default App;

height

hint

hoverStateEnabled

menuComponent

menuPosition

menuRender

menuTemplate

menuVisible

onDisposing

onInitialized

onOptionChanged

rtlEnabled

DevExpress.config({
    rtlEnabled: true
});

swipeEnabled

visible

width