3.2.0

Change header color dynamically

Can any one please tell the way to change the header text /background color in grid dynamically ? ( Ex: MouseOver event on Header, need to change the header color.. )

Ganesh

October 20,

Based on post #21868 , you can do something like:

var disabled = new AW.Grid.Header;
disabled.onMouseOver = function(col){ return this.getContent("box").setStyle("background", "red") };
disabled.onMouseOut = function(col){return this.getContent("box").setStyle("background", "#EBEADB") };

HTH

Carlos

October 20,

This topic is archived.

See also:

This example shows how to Drag and Drop Rows in a v2.0 Grid to change the row order Rob Francis (59)

Column Header DropdownBox Filter Example Required Andy (28)

[Please comment] Cell editing, changing API (2.0) Alex (ActiveWidgets) (21)

Change header cell color (cell by cell) Brian (6)

Change header indices dynamically without grid refresh Charles Dean (6)

Sorting on second header row. Sudhaker Raj (15)

Dynamic radio button (dynamic) VJ (8)

Grid Header colors question Carl (6)

Programatically change header background not css Andy (6)

How to change list items color on onmouseover and onmouseOut and adding scroll bar sufiya (6)

Back to support forum

ActiveWidgets is a javascript library for creating user interfaces. It offers excellent performance for complex screens while staying simple, compact and easy to learn. Deployed by thousands of commercial customers in more than 70 countries worldwide.

Copyright © ActiveWidgets 2021

Getting Started

Sample Code API Reference Support Forum Prices & Licensing

Contact Us