Decision Tree Customizations – Animated Themes and Custom Colors

One of the most common requests we have had from customers is to make it easier to make Zingtree decision trees look even more awesome. So our design team and engineers worked together to make new animated themes, some colorful static themes, and an easy-to-use mechanism to make tree color customizations easy.

You can try this now on one of your existing decision trees, by clicking Set Colors in the Settings tool. If you don’t have a tree built yet, try it using one of our Gallery trees.

Once you launch Set Colors, you can choose from various themes, and also customize the color scheme used in each theme. The control panel is easy to use – it looks like this:

This video shows some of the capabilities:

Here are a couple of examples of what your decision trees can look like:

Default View with Panels

Animated Radio Buttons View with Panels

Advanced Customization – Technical Details

Zingtree’s theme and color customization scheme works by generating a CSS file, which controls how your decision tree appears. If you want even more customization, you can:

  1. Extract the CSS file that Zingtree builds – this is in the Custom CSS URL field in Settings. (Just open that URL in your browser.)
  2. Modify the file in any text editor.
  3. Upload the modified file to your own server. (Note that this file must be accessible via an https URL. If needed, we can host it for you. Just ask!)
  4. Enter the URL of the new file in the Custom CSS URL field in the Settings tool.

Like this? Love this? Have a suggestion to make customizations even better? Let us know!

Credits: Iggy made the animated themes, and McDeb did some tweaks and cleanup to make them work with our customization scheme. Great stuff, people!

2 Trackbacks

Leave a Reply

Your email address will not be published. Required fields are marked *