Formatting questions and the user interface with javascript

Hello community,

One of the issues that have been discussed here, and something we wanted to is to customize the select options such as changing font color, or bold content etc.

And there has not been an easy way to do this, since we faced a similar requirement, and we wanted a solution, we used the javascrip to manipulate the DOM to modify the form content and the user interface, by changing the content and customizing the select option formatting.

I’ve wrote a lenghty post on how I did it which you can read here

The repository with the javascript cht library extension can be found here

5 Likes

@rukshan this is great! I love the creative use of the extension-libs to allow for hyper-targeted display customizations. It is really sweet that you were able to generalize the approach so that it can be flexibly applied in the xlsxform config! :+1:

Thank you so much for taking the time to write up the blog post and share it! :star_struck:

Yes it was super fun doing it, thanks for adding it to the documentation.

I hope people will find it useful :cowboy_hat_face:

4 Likes