Hi All,

I'm new to umbraco and would want to know how I can create an umbraco v 7 package that uses a js-tree or any jquery ui component where users can just use a xml config file and a css style file to specify how to render the jquery js-tree or other ui components as an umbraco v7 package. I am required to do this because we would want to just use an umbraco v7 package that will render a js-tree to any umbraco v 7 web sites instead of manually inserting a js-tree to umbraco websites inside a template.

For example, a user would have a tree.xml that specifies the js-tree structure as:

<root name="This is the tree root">
   <branch name="this is main branch 1">
                   <branch name="this is sub branch 1">
                    </branch>
                    <branch name="this is sub branch 2">
                    </branch>
   </branch>
   <branch name="this is main branch 2">
                  <branch name="this is sub branch 3">
                    </branch>
                    <branch name="this is sub branch 4">
                    </branch>
   </branch>

This file would be either uploaded (if possible) or have its url specified in the data type editor together with the specific css style file of the created umbraco v 7 package that renders a js-tree according to the xml config data structure.

Can anyone point me to the right direction on how to create such a package in umbraco v 7 with asp.net MVC. This package would have a bit of .net programming to read/serialize the xml file and render the js-tree or a jquery ui component according to the the config file specifications.