PDA

View Full Version : Styling the tooltip for field errors



dannylib
21 Mar 2016, 1:19 PM
When I set allowBlank to true for example, Ext will display a red error icon next to the field. When you hover over that icon a tooltip appears with an icon and the blankText.
I would like to style this tooltip to look more like this:
54216

Is this possible to achieve just with styling? Or do I need to write any code? I assume there should be some method to control the html template of the tooltip? Perhaps I need to use the errorEl somehow?

Thanks in advance!

joel.watson
23 Mar 2016, 4:04 AM
Hi--

You could create a custom UI for the error tooltip:

http://docs.sencha.com/extjs/4.2.4/#!/api/Ext.tip.Tip-css_mixin-extjs-tip-ui

Thanks!
Joel

dannylib
23 Mar 2016, 9:20 AM
Could you provide some more detail? I am fairly new to ExtJS.
Thanks!!