CSS Styling Demo
This demo shows how to style the built-in templates and UI elements of the
yFiles for HTML
library with CSS to match your color theme.
There is a separate CSS-stylesheet which contains the more information about this demo.
CSS-Styling for the following Elements
- Viewport rectangle in the Overview
- Highlight when hovering a graph element
- Selection indicator for the graph elements
- Focus indicator for the graph elements
- Marquee selection rectangle
- Resize handles
- Label candidates when dragging a label
- Port candidates
- Tooltips
- Snap-lines
- Scroll-bars
- Label Editor
CSS-Transitions for the following Elements
- Node Creation
- Tooltips
- Label editor