Changes between Version 7 and Version 8 of S3/S3HierarchyWidget

Timestamp:

08/22/14 10:49:56 (10 years ago)

Author:

Dominic König

Comment:

--

S3/S3HierarchyWidget

@@ -25 +25 @@
 
 '''s3.hierarchicalopts''' (in static/scripts/S3/s3.jquery.ui.hierarchicalopts.js) is a JQuery UI widget that implements the drop-down button, the folder-tree style appearance of the menu and all interactions with the hierarchical selector.
-== CSS Classes ==
+== Styling ==
 
-  - ''tbw''
+The hierarchy widget consists of two parts: the button and the hierarchical menu. 
+
+The style of the button is controlled by the global jQuery UI theme (ui-widget and related CSS classes).
+
+The hierarchical menu has its own CSS theme, the default theme is located in static/styles/jstree/default. Custom themes can be derived from this, and then configured via a deployment setting:
+
+{{{#!python
+# Set a theme relative to the static/styles/jstree folder
+settings.ui.hierarchy_theme = "default"
+}}}
+
+To hold the hierarchy theme e.g. in a template, specify a pathname relative to the application folder instead:
+
+{{{#!python
+# Set a theme relative to the application folder
+settings.ui.hierarchy_theme = "private/templates/TEMPLATE/theme/hierarchy"
+}}}
 
 == See Also ==