Changeset 1802

Timestamp:

May 3, 2011, 2:33:45 PM (12 years ago)

Author:

robert@…

Message:

Solved styling issues with required contacts in simplewizard, introduced in r1775.

Location:

trunk

Files:

• grails-app/taglib/dbnp/studycapturing/WizardTagLib.groovy (modified) (2 diffs)
• web-app/css/simplewizard.css (modified) (1 diff)
• web-app/js/studywizard.js (modified) (4 diffs)

trunk/grails-app/taglib/dbnp/studycapturing/WizardTagLib.groovy

@@ -143 +143 @@
                 out << '<ul class="publication_list" id="' + attrs.name + '_list">';
 
-                out << '<li>';
-                out << '<span class="publication_none" id="' + attrs.name + '_none" style="display: ' + display_none + ';">';
+                out << '<li class="empty" id="' + attrs.name + '_none" >';
+                out << '<span class="publication_none" style="display: ' + display_none + ';">';
                 out << 'No publications selected';
                 out << '</span>';
@@ -252 +252 @@
                 out << '<ul class="contact_list" id="' + attrs.name + '_list">';
 
-                out << '<li>';
-                out << '<span class="contacts_none" id="' + attrs.name + '_none" style="display: ' + display_none + ';">';
+                out << '<li class="empty" id="' + attrs.name + '_none">';
+                out << '<span class="contacts_none" style="display: ' + display_none + ';">';
                 out << 'No contacts selected';
                 out << '</span>';

trunk/web-app/css/simplewizard.css

@@ -11 +11 @@
 div .simpleWizard .description { width: 170px; }
 .simpleWizard .error, .simpleWizard .required { background-position: 150px 2px; }
+#contacts .required { background-position: 2px 4px; padding-left: 20px; }
 .samplespage td.required { background-position: 160px 6px; }
 

trunk/web-app/js/studywizard.js

@@ -360 +360 @@
 
                                 // Hide the 'none box'
-                                $('#' + element_id + '_none').css('display', 'none');
+                                $('#' + element_id + '_none').hide();
                         }
                 },
@@ -389 +389 @@
                 // Show the 'none box' if needed
                 if (ids.length == 0) {
-                        $('#' + element_id + '_none').css('display', 'inline');
+                        $('#' + element_id + '_none').show();
                 }
 
@@ -562 +562 @@
 
                 // Hide the 'none box'
-                $('#' + element_id + '_none').css('display', 'none');
+                $('#' + element_id + '_none').hide();
         }
 
@@ -587 +587 @@
                 // Show the 'none box' if needed
                 if (ids.length == 0) {
-                        $('#' + element_id + '_none').css('display', 'inline');
+                        $('#' + element_id + '_none').show();
                 }