RCSS CursorsDragTab

From FreeSpace Wiki
Jump to: navigation, search
Librocket RCSS references
Syntax and basic data types
Selectors
Box Model
Visual Model
Visual Effects
Colors and backgrounds
Fonts
Text
Cursors, Dragging, and Tabbing
Decorators
Font Effects
Scrollbars and Sliders
Property Index

Cursors: the ‘cursor’ property

  • cursor
Value: auto
Initial: auto
Applies to: all elements
Inherited: yes
Percentages: N/A

This property defines the cursor to display while the mouse is hovering over the element. Values have the following meanings:

  • auto
    • The default cursor is used.
  • <string>
    • The RML document loaded as a cursor and with <string> as a title is used as a cursor. If none exists, the default cursor is used.

Cursors can be loaded into libRocket using the Rocket::Core::Context::LoadCursor() function.

Drag & drop: the ‘drag’ property

The drag property is a new property, not shared by CSS. It controls the generation of events as the mouse cursor begins a drag over an element (ie, clicks the left mouse button and moves the mouse), drags over elements (moves the mouse with the button depressed) and finishes a drag, or ‘drops’, an element over another.

  • drag
Value: drag | drag-drop | block
Initial: none
Applies to: all elements
Inherited: no
Percentages: N/A

Values have the following meanings:

  • none
    • If the mouse begins a drag over this element, the element is not dragged and does not generate any drag messages. However, it does not prevent an ancestor element from being dragged.
  • drag
    • If the mouse begins a drag over this element, the element will begin spawning drag messages. However, no messages will be directed to other elements relating to the drag or the eventual drop.
  • drag-drop
    • If the mouse begins a drag over this element, the element will begin spawning drag messages. Messages will also be directed to over elements if the dragged element is dragged over them.
  • block
    • If the mouse begins a drag over this element, the element is not dragged and neither is any ancestor element.

Tab index: the ‘tab-index’ property

The ‘tab-index’ property is introduced for RCSS. It controls the generation of a tab order, which is an ordered list of elements within a document that gain input focus in turn as the ‘tab’ key is pressed.

  • tab-index
Value: auto
Initial: none
Applies to: all elements
Inherited: no
Percentages: N/A

Values have the following meanings:

  • none
    • The element is not part of the tabbing order.
  • auto
    • The element inserts itself into the tabbing order in a location relative to its order in the element hierarchy.