ASPxFloatingActionButton.ClientInstanceName Property

Gets or sets the floating actionbutton’s client programmatic identifier.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue("")]
public string ClientInstanceName { get; set; }

VB.NET

<DefaultValue("")>
Public Property ClientInstanceName As String

Property Value

Type	Default	Description
String	String.Empty	A string value that specifies the floating action button’s client identifier.

Remarks

Use the ClientInstanceName property to specify a unique client-side identifier for a floating action button control. The ClientInstanceName property’s value can be used on the client side to programmatically access the client object rendered for the floating action button in client-side script. This property is particularly important in referencing the floating action button when it is contained within a naming container (for instance, within an ASPxPageControl‘s page or an ASPxPopupControl‘s window).

ASPX

<dx:ASPxFloatingActionButton ID="ASPxFloatingActionButton1" runat="server" ClientInstanceName="fab" ContainerElementID="content">
    <ClientSideEvents Init="OnInit" />
    <Items>
    ...
    </Items>    
</dx:ASPxFloatingActionButton>

JS

function OnInit(s, e) {
    fab.SetActionContext("ShareItemContext", true);
    AttachEvents();
}
function ChangeHorizontalPosition(value) {
    fab.SetHorizontalPosition(value);
}

Concept

• Floating Action Button

Online Demo

Floating Action Button - Features