We have a requirement to implement the inline tool tip. Is these any OOTB to implement this in adaptive forms. Below is the screen shot for the reference, how it should look like. Thanks in advance.
They are pretty intuitive - go to the edit dropdown in the top right and change to style, then click on the textbox or other widget, then long description. Change something obvious like the text colour to get a feel for it.
Use the theme editor if you want to apply the same look and feel across more than one form and then override it on a form by form basis with inline styles if you need to.
That's where the CSS comes in to play, look at the help icon in inspector it sets:
position: absolute;
top: 8px;
right: 8px;
to position the help (?) icon above the field, if you try styling with the theme editor, or inline styles as described in the links in my previous comment you can get a similar effect.
I tried:
position: absolute;
top: -30px;
right: 50px;
And got the following.
Of course you will need to tweak to make sure it plays well with other items on the page, but should be enough to get you started. Screenshots of my setup below:
Thank you very much James, It helped me a lot. Am able to it now . But still have one more problem, If I click in 'x' it close the popup. Can you help me here.
I added the Long description and help icon, but our issue is help text is coming after the field. We are looking as a popup as I shown in my previous screen shot. Just looking if there is any easy way to implement that solution.