New to Kendo UI for jQuery? Start a free 30-day trial

AlignOffset

configuration

Specifies the horizontal and vertical offset of the FloatingActionButton.

alignOffset

Object

Default: { x: 16, y: 16 }

<button id="fab-top-start">Top Start</button>

<script>
    $('#fab-top-start').kendoFloatingActionButton({
        align: 'top start',
        alignOffset: { x: 50, y: 50 }
    });
</script>

alignOffset.x

Number|String

Specifies the initial horizontal offset of the FloatingActionButton. Numeric values are treated as pixels. String values can specify pixels, percentages, ems, or other valid values.

<div id="fab"></div>
<script>
$("#fab").kendoFloatingActionButton({
    align: 'top start',
    alignOffset: {
        x: 100,
        y: 50
    }
});
</script>

alignOffset.y

Number|String

Specifies the initial vertical offset of the FloatingActionButton. Numeric values are treated as pixels. String values can specify pixels, percentages, ems or other valid values.

<div id="fab"></div>
<script>
$("#fab").kendoFloatingActionButton({
    align: 'bottom end',
    alignOffset: {
        x: 30,
        y: 80
    }
});
</script>