I am adding fieldDescription property for a textbox, when I mouseover on that tooltip, textbox description message is not appearing in proper alignment and appearing on full width of page. In HTML snippet it is creating own tooltip div with height and width. Could you please suggest what I have to do in this so it appear in proper fixed layout which is default for tooltip?
Solved! Go to Solution.
I would suggest to make your own CSS rule for this tool-tip div and apply width:100%.
But if you have text which won't be fit in a single line, you will face the same problem again.
I am not sure why you want to do that. anyway t=you can play with CSS to achieve this.
Is there not any default layout which I can add for this which handle multi line description and show in a small tooltip only above the textbox? Like in below screen shot.
fieldErrorEl = $("<span class='coral-Form-fielderror coral-Icon coral-Icon--alert coral-Icon--sizeS' data-init='quicktip' data-quicktip-type='error'>Email is not valid</span>");
Anyways you can write your own CSS rule for tooltip. but this will be a global change unless you don't have specific CSS selectors.