jqxForm add additional field icons

[jqwidgetsdevParticipant]

Hi,

JqxForm has the following template options

info – Sets the field information icon’s tooltip.
infoPosition – Sets the information icon’s position.

However, I want to add additional icon’s + tooltip next to the information icon.
How can this be accomplished?

Thank you.

• This topic was modified 1 year, 3 months ago by  jqwidgetsdev.

[svetoslav_borislavovParticipant]

Hi,

This is not supported by default, you can achieve this with a custom type component and the init callback.

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[jqwidgetsdevParticipant]

Hi Svetoslav,

Thanks, I will give it a shot and revert back if I run into any problems.

Best regards.

[jqwidgetsdevParticipant]

Hi Svetoslav,

Not quite following how this will work. Is there an example for this?

Additional question, is there a hover event I can use to show/hide additional icons?

Thanks in advance.

[svetoslav_borislavovParticipant]

Hi,

Please see this demo: https://codesandbox.io/embed/musing-andras-egpzhn?fontsize=14&hidenavigation=1&theme=dark
You must have a template object with a type set to custom and an init function. In the init function you receive the element of the custom line which you can modify. We created a custom line element in the template and hide it initially. After appending it to the custom line we are showing it again.
I hope this helps!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[jqwidgetsdevParticipant]

Hi Svetoslav,

Ok yes, now I understand the technique. Thank you.

Best regards.

[Author]

Posts