Finally I got the style name that is applied on all the tool-tips.
SmartGWT have a concept of Skinning that is the process of modifying Smart GWT's default look and feel to match the desired look and feel for your application.
A "skin" consists of:
- a single CSS stylesheet containing all CSS styles used by Smart GWT components (skin_styles.css)
- a single JavaScript file that sets component defaults (load_skin.js)
- a directory tree of images organized by component
I found the style canvasHover
in skin_styles.css
that is used for hovering on Canvas
.
I just added min-width: 135px;
that changed the width of all the tool-tips globally in the application. By default it's 100px
.
/* hover canvas */
.canvasHover,.gridHover,.formHover {
background-color: #fdfdd3;
border: 1px solid gray;
color: black;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
padding: 5px;
min-width: 135px;
}
Thanks a lot for your attention.