From 517184fa8248f082cb0b428fd84570c1b27972bf Mon Sep 17 00:00:00 2001
From: Pratik Joshi <pratik.joshi@webaccess.co.in>
Date: Wed, 26 Jun 2013 20:11:31 +0530
Subject: [PATCH] CRM-12942#comment-51519 fix

---
 CRM/Custom/Form/Group.php           |  3 +-
 templates/CRM/Custom/Form/Group.tpl | 63 +++++++++++++++--------------
 2 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/CRM/Custom/Form/Group.php b/CRM/Custom/Form/Group.php
index 08ffd1d121..912e64da33 100644
--- a/CRM/Custom/Form/Group.php
+++ b/CRM/Custom/Form/Group.php
@@ -288,9 +288,8 @@ class CRM_Custom_Form_Group extends CRM_Core_Form {
       'extends',
       ts('Used For'),
       array(
-        'onClick' => 'showHideStyle();',
         'name' => 'extends[0]',
-        'style' => 'vertical-align: top;',
+        'style' => 'vertical-align: top;'
       ),
       TRUE
     );
diff --git a/templates/CRM/Custom/Form/Group.tpl b/templates/CRM/Custom/Form/Group.tpl
index 505baf7985..7ef18246df 100644
--- a/templates/CRM/Custom/Form/Group.tpl
+++ b/templates/CRM/Custom/Form/Group.tpl
@@ -87,49 +87,50 @@
 <script type="text/Javascript">
 
 showHideStyle( );
-
+cj('#extends_0').change(function() {
+  showHideStyle();
+});
 var  isGroupEmpty = "{/literal}{$isGroupEmpty}{literal}";
 
 if ( isGroupEmpty ) {
      showRange( true );
 }
 
-function showHideStyle()
-{
-  var isShow          = false;
-  var extend          = document.getElementById("extends_0").value;
-    var contactTypes    = {/literal}'{$contactTypes}'{literal};
-    var showStyle       = "{/literal}{$showStyle}{literal}";
-    var showMultiple    = "{/literal}{$showMultiple}{literal}";
-    var showMaxMultiple = "{/literal}{$showMaxMultiple}{literal}";
+function showHideStyle() {
+  var isShow  = false;
+  var extend  = cj('#extends_0 :selected').val();
 
-    eval('var contactTypes = ' + contactTypes);
+  var contactTypes    = {/literal}{$contactTypes}{literal};
+  var showStyle       = "{/literal}{$showStyle}{literal}";
+  var showMultiple    = "{/literal}{$showMultiple}{literal}";
+  var showMaxMultiple = "{/literal}{$showMaxMultiple}{literal}";
 
-    if ( cj.inArray(extend, contactTypes) >= 0 ) {
-        isShow  = true;
-    }
-  if( isShow  ) {
-        cj("tr#style").show();
-        cj("tr#is_multiple").show();
+  if (cj.inArray(extend, contactTypes) >= 0) {
+    isShow  = true;
+  }
+  if (isShow) {
+    cj("tr#style").show();
+    cj("tr#is_multiple").show();
   } else {
-        cj("tr#style").hide();
-        cj("tr#is_multiple").hide();
-     }
+    cj("tr#style").hide();
+    cj("tr#is_multiple").hide();
+    cj("tr#multiple").hide();
+  }
 
-    if ( showStyle ) {
-        cj("tr#style").show();
-    }
+  if (showStyle) {
+    cj("tr#style").show();
+  }
 
-    if ( showMultiple ) {
-        cj("tr#style").show();
-        cj("tr#is_multiple").show();
-    }
+  if (showMultiple) {
+    cj("tr#style").show();
+    cj("tr#is_multiple").show();
+  }
 
-    if ( !showMaxMultiple ) {
-         cj("tr#multiple").hide();
-    } else if( cj( '#is_multiple').attr('checked') ) {
-         cj("tr#multiple").show();
-    }
+  if (!showMaxMultiple) {
+    cj("tr#multiple").hide();
+  } else if(cj( '#is_multiple').attr('checked')) {
+    cj("tr#multiple").show();
+  }
 }
 
 function showRange( onFormLoad )
-- 
2.25.1