You can style any element of the C1ToolTip using CSS styles to make their appearance truly unique. To make the customization process easier, ComponentOne includes CSS selectors for each of its six built-in themes.
You can apply general CSS properties such as background, text, font, border, outline, margin, padding, list, and table to applicable CSS selectors.
For a list of common individual CSS selectors and grouped CSS selectors, select the C1ToolTip control in your project, and view the drop-down list next to the CssClass property in the C1ToolTip Visual Studio Properties window.
The following table details the common individual CSS selectors and grouped CSS selectors. You can combine the individual CSS selectors as a group to make the CSS selector more specific and strong. The grouped CSS selectors define styles for more than one element of the C1ToolTip.
| CSS Selectors | Description |
|---|---|
| .wijmo-wijtooltip | Applies the style to the wijtooltip control. |
| .wijmo-wijtooltip-arrow-bc | Applies the style to the bottom corner arrow of the wijtooltip. |
| .wijmo-wijtooltip-arrow-bl | Applies the style to the bottom left arrow of the wijtooltip. |
| .wijmo-wijtooltip-arrow-lb | Applies the style to the lower bottom arrow of the wijtooltip. |
| .wijmo-wijtooltip-arrow-lc | Applies the style to the lower corner arrow of the wijtooltip. |
| .wijmo-wijtooltip-arrow-rb | Applies the style to the right bottom arrow of the wijtooltip. |
| .wijmo-wijtooltip-arrow-rc | Applies the style to the right corner arrow of the wijtooltip. |
| .wijmo-wijtooltip-arrow-rt | Applies the style to the right top arrow of the wijtooltip. |
| .wijmo-wijtooltip-arrow-tl | Applies the style to the top left arrow of the wijtooltip. |
| .wijmo-wijtooltip-arrow-tc | Applies the style to the top corner arrow of the wijtooltip. |
| .wijmo-wijtooltip-close | Applies the style to the closed wijtooltip. |
| .wijmo-wijtooltip-container | Applies the style to the container of the wijtooltip. |
| .wijmo-wijtooltip-pointer | Applies the style to the pointer of the wijtooltip. |
| .wijmo-wijtooltip-pointer-inner | Applies the style to the inner pointer of the wijtooltip. |
| .wijmo-wijtooltip-title | Applies the style to the title of the wijtooltip. |
