Changing the "Hand Symbol" Cursor on Hover

Owned by
Tim Schauder
Last updated: Dec 08, 2016 by
Gregor Große-Bölting (Unlicensed)
1 min read

Hovering over a graphomate extension component changes the cursor to a "hand" icon to show that a click interaction is possible. This article shows how to suppress that behavior to show the standard cursor instead of the hand icon on mouse over. 

Step-by-Step-Guide

Insert the following code in the “custom.css” of your application and replace the <NameChart> with the name of your component.

#<NameChart>_control {
	cursor: default !important;
}


#<NameChart>_control svg { 
	cursor: default !important; 
}

#<NameChart>_control line { 
	cursor: default !important; 
}