JavaScript/jQuery SpeedDialAction Options

accessKey

activeStateEnabled

elementAttr

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

<dx-speed-dial-action ...
    [elementAttr]="{ id: 'elementId', class: 'class-name' }">
</dx-speed-dial-action>

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

@(Html.DevExtreme().SpeedDialAction()
    .ElementAttr("class", "class-name")
    // ===== or =====
    .ElementAttr(new {
        @id = "elementId",
        @class = "class-name"
    })
    // ===== or =====
    .ElementAttr(new Dictionary<string, object>() {
        { "id", "elementId" },
        { "class", "class-name" }
    })

)

@(Html.DevExtreme().SpeedDialAction() _
    .ElementAttr("class", "class-name")
    ' ===== or =====
    .ElementAttr(New With {
        .id = "elementId",
        .class = "class-name"
    })
    ' ===== or =====
    .ElementAttr(New Dictionary(Of String, Object) From {
        { "id", "elementId" },
        { "class", "class-name" }
    })
)

focusStateEnabled

hint

hoverStateEnabled

icon

onClick

onContentReady

onDisposing

onInitialized

onOptionChanged

rtlEnabled

DevExpress.config({
    rtlEnabled: true
});

tabIndex