intel · zhizhangchen · Aug 24, 2012 · Aug 17, 2012 · Aug 22, 2012 · Jul 19, 2012
diff --git a/index.html b/index.html
@@ -25,6 +25,7 @@
     <body class="vbox fullsize">
         <script src="lib/jquery-1.6.4.min.js"></script>
         <script src="lib/jquery-ui-1.8.16.custom.min.js"></script>
+        <script src="src/js/jquery-workarounds.js"></script>
         <script src="src/js/msg-box.js"></script>
         <script src="src/js/widgets.js"></script>
         <script src="src/js/adm.js"></script>
@@ -34,7 +35,6 @@
         <script src="src/js/projects.js"></script>
         <script src="src/js/serialize.js"></script>
 <!-- New stuff from here ... -->
-        <script src="src/js/jquery-workarounds.js"></script>
         <script src="src/js/jquery-plugins.js"></script>
         <script src="src/js/views/base.js"></script>
         <script src="src/js/views/tree.js"></script>

diff --git a/src/assets/groups.json b/src/assets/groups.json
@@ -13,16 +13,33 @@
     "Functional Groups": [
         {
             "Toolbars": ["#0._hidden_node.jqm_toolbars"],
-            "Buttons": ["Button", "ButtonGroup"],
+            "Buttons": ["Button", "VButtonGroup", "HButtonGroup"],
             "Content Formatting": ["Grid", "Collapsible", "Accordion", "Div"],
             "Form Elements": [
                 "#0._hidden_node.jqm_other_inputs.0", "Text",
                 {
                     "Boolean": ["#0._hidden_node.jqm_input_boolean"]
                 }
             ],
-            "List Views": [
-                 "List", "OrderedList", "ListItem", "ListDivider", "ListButton"
+            "List Views": [ {
+                            "Single Lists": [
+                                    "SimpleList",
+                                    "ButtonList",
+                                    "TextList",
+                                    "IconList",
+                                    "ThumbnailList",
+                                    "SimpleListItem",
+                                    "ListDivider"
+                            ],
+                            "Split Lists": [
+                                    "ButtonSplitList",
+                                    "TextSplitList",
+                                    "IconSplitList",
+                                    "ThumbnailSplitList",
+                                    "SimpleListItem",
+                                    "ListDivider"
+                            ]
+                }
             ],
             "Image": ["Image"]
         }

diff --git a/src/css/builder.css b/src/css/builder.css
@@ -108,6 +108,9 @@ body.ui-tabs.ui-widget {
     height: 32px;
     max-height: 64px;
 }
+.smallbutton {
+    font-size: .8em !important; /* Override original size of jQuery UI button */
+}
 .hasflex {
     display: box;
     display: -webkit-box;
@@ -1560,3 +1563,118 @@ input.screenCoordinate::-webkit-inner-spin-button {
 #exportDialog .buttonStyle {
     margin: 0 0.6em;
 }
+
+#eventHandlerDialog {
+    overflow: hidden;
+}
+
+#eventHandlerDialog .title {
+    position: relative;
+    height: 52px;
+    background-color: #E4E5DF;
+}
+
+#eventHandlerDialog .title > label {
+    position: absolute;
+    left: 10px;
+    top: 16px;
+    font-size : 13px;
+    color: #4d4d4d;
+    font-family: OpenSans-SB;
+    font-weight: 600; /* semi-bold */
+}
+
+
+#eventHandlerDialog .wrap_left {
+    position: relative;
+    width: 230px;
+    border-right: 1px solid #dededc;
+}
+
+#eventHandlerDialog .wrap_left .container {
+    position: absolute;
+    width: 100%;
+    margin: 10px;
+}
+
+
+#eventHandlerDialog .wrap_left .container * {
+    display: inline-block;
+}
+
+#eventHandlerDialog .wrap_left .container select {
+    position: absolute;
+    top: 10px;
+    left: 0px;
+    width: 270px;
+}
+
+#eventHandlerDialog .wrap_left .container fieldset {
+    position: absolute;
+    top: 40px;
+    width: 244px;
+    height: 370px;
+    overflow: auto;
+}
+
+#eventHandlerDialog .wrap_left .container fieldset ul {
+    margin: 0px;
+}
+
+#eventHandlerDialog .wrap_left .container fieldset li {
+    display: block;
+    padding: 8px 8px 8px 8px;
+    margin-left: -36px;
+    width: 200px;
+    height: 34px;
+    border: 8px transparent;
+    border-bottom: 1px solid #CCC;
+}
+
+#eventHandlerDialog .wrap_left .container fieldset li.ui-selected {
+    background-color: #4AE57B;
+}
+
+#eventHandlerDialog .wrap_left .container fieldset li > a.link {
+    padding-top: 8px;
+    width: 160px;
+    height: 34px;
+}
+
+#eventHandlerDialog .wrap_left .container fieldset a.ui-button  {
+    margin-top: 0px;
+    float: right;
+}
+
+#eventHandlerDialog .wrap_left .container button.doneButton {
+    position: absolute;
+    top: 440px;
+    left: 46px;
+    width: 180px;
+}
+
+#eventHandlerDialog .wrap_right {
+    width: 630px;
+}
+
+#eventHandlerDialog .wrap_right .container {
+    overflow: auto;
+    resize:  none;
+    height: 600px;
+    width: 98%;
+    margin: 6px;
+}
+
+#eventHandlerDialog .wrap_right .container .CodeMirror {
+    margin: 4px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -moz-box-shadow:    inset 0 0 4px #000000;
+    -webkit-box-shadow: inset 0 0 4px #000000;
+    box-shadow:         inset 0 0 4px #000000;
+    height: 470px;
+}
+
+#eventHandlerDialog .wrap_right .container .CodeMirror .CodeMirror-scroll {
+    height: 464px;
+}
diff --git a/src/css/composer.css b/src/css/composer.css
@@ -48,7 +48,7 @@
 /*************************/
 /* Class specific tweaks */
 /*************************/
-.nrc-sortable-container.ui-content .adm-node {
+.nrc-sortable-container.ui-content > * {
     margin-top: 10px;
     margin-bottom: 10px;
 }

diff --git a/src/css/images/widgets/jqm_button_list.svg b/src/css/images/widgets/jqm_button_list.svg
diff --git a/src/css/images/widgets/jqm_button_split_list.svg b/src/css/images/widgets/jqm_button_split_list.svg
diff --git a/src/css/images/widgets/jqm_icon_list.svg b/src/css/images/widgets/jqm_icon_list.svg
diff --git a/src/css/images/widgets/jqm_icon_list_button.svg b/src/css/images/widgets/jqm_icon_list_button.svg
diff --git a/src/css/images/widgets/jqm_icon_split_list.svg b/src/css/images/widgets/jqm_icon_split_list.svg
diff --git a/src/css/images/widgets/jqm_list.svg b/src/css/images/widgets/jqm_list.svg
diff --git a/src/css/images/widgets/jqm_list_split_button.svg b/src/css/images/widgets/jqm_list_split_button.svg
diff --git a/src/css/images/widgets/jqm_text_list.svg b/src/css/images/widgets/jqm_text_list.svg
diff --git a/src/css/images/widgets/jqm_text_list_button.svg b/src/css/images/widgets/jqm_text_list_button.svg
diff --git a/src/css/images/widgets/jqm_text_split_list.svg b/src/css/images/widgets/jqm_text_split_list.svg
diff --git a/src/css/images/widgets/jqm_thumbnail_list.svg b/src/css/images/widgets/jqm_thumbnail_list.svg
diff --git a/src/css/images/widgets/jqm_thumbnail_list_button.svg b/src/css/images/widgets/jqm_thumbnail_list_button.svg
diff --git a/src/css/images/widgets/jqm_thumbnail_split_list.svg b/src/css/images/widgets/jqm_thumbnail_split_list.svg