ASPxClientGanttScaleCellPreparedEventArgs.separatorElement Property

Specifies the separator element between scale cells.

Declaration

TypeScript

separatorElement: any

Property Value

Type	Description
any	The separator.

Remarks

The code sample below illustrates how to color separators and the scale’s top and bottom cells:

ASPX

<dx:ASPxGantt runat="server" ID="Gantt" ClientInstanceName="clientGantt" >
    <SettingsTaskList>
        <Columns>
           <!-- ... -->
        </Columns>
    </SettingsTaskList>
    <ClientSideEvents 
        ScaleCellPrepared = "onGanttScaleCellPrepared"
    />
</dx:ASPxGantt>

JS

function onGanttScaleCellPrepared(s, e) {
    var scaleElement = e.scaleElement;
    if (e.scaleIndex === 0)
        scaleElement.style.backgroundColor = "Silver";
    else 
        scaleElement.style.backgroundColor = "LightSteelBlue";
    var border = e.separatorElement;
    border.style.borderColor = "SteelBlue";
}