CSS Cursor on graphic symbol

3 replies
358 views
Translate

I have an CSS working on several elements. I now want to add a 'move' cursor to a graphic symbol. It's not working.

#ConcaveSphereLens {
cursor:move;
}

The symbol instance is correctly named.

This topic is closed to new replies. Start a new post to keep the conversation going.

JoãoCésar17023019Correct answer

Community Expert

Graphic symbols are canvas/CreateJS based objects. It means they live inside of a canvas element (e.g.:<canvas id="myCanvas" width="200" height="100">). So they cannot be modified by CSS.

Components are DOM elements and live outside the canvas. And that's why they can be modified using CSS.

Regards,

JC

JoãoCésar17023019

Community Expert

You can assign any valid CSS cursor name to a symbol instance on stage using the cursor property.

Like this:

this.graphic.cursor = "n-resize";

Regards,

JC

Translate

F

FlatChatAuthor

Inspiring

Thanks JC.

So external CSS loaded via the CSS component won't work for a graphic symbol?

If so, that's pretty odd as I'm already using the external CSS to change the cursor for ComboBoxes via the .ui-combobox_lens class. That works OK... So what is different about graphic symbols? I also change the graphic symbol to button symboil, but it just gets the pointer cursor instead of the move or grab cursor.

.ui-combobox_lens{
	font-size: 10px;
	cursor:pointer;
}

Translate

JoãoCésar17023019

Correct answer

Community Expert

Graphic symbols are canvas/CreateJS based objects. It means they live inside of a canvas element (e.g.:<canvas id="myCanvas" width="200" height="100">). So they cannot be modified by CSS.

Components are DOM elements and live outside the canvas. And that's why they can be modified using CSS.

Regards,

JC

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.