Skip to main content
F
FlatChat
Inspiring
February 20, 2022
Answered

CSS Cursor on graphic symbol

  • February 20, 2022
  • 1 reply
  • 326 views

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 has been closed for replies.
    Correct answer JoãoCésar17023019

    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

    1 reply

    JoãoCésar17023019
    Community Expert
    JoãoCésar17023019Community Expert
    Community Expert
    February 20, 2022

    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

      F
      FlatChatAuthor
      Inspiring
      February 20, 2022

      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;
}

       

      JoãoCésar17023019
      Community Expert
      JoãoCésar17023019Community ExpertCorrect answer
      Community Expert
      February 21, 2022

      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

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices