Fixed issue #4897 : browsetable can be too big .

Dev: javascript way add a class for big cell, add title and qtip git-svn-id: file:///Users/Shitiz/Downloads/lssvn/source/limesurvey@9746 b72ed6b6-b9f8-46b5-92b4-906544132732
Shnoulle · Feb 6, 2011 · 35c16aa · 35c16aa
1 parent 6581f56
commit 35c16aa
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 2 deletions.
diff --git a/admin/scripts/browse.js b/admin/scripts/browse.js
@@ -90,6 +90,21 @@ $(document).ready(function(){
                when: {
                    event:'unfocus'
                }}
-});
-
+    });
+
+    // Fix the heigh of the cell
+    $('.browsetable td').each(function(){
+    	if ($(this).text().length> 30){
+    		$(this).html("<span class=\"content\" title=\""+$(this).text()+"\">"+$(this).html()+"</span>");
+    	}
+    });
+    $('.browsetable th strong').each(function(){
+    	if ($(this).text().length> 30){
+    		$(this).addClass("content");
+    		$(this).attr("title",$(this).text());
+    	}
+   });
+
+   $('.browsetable td span.content').qtip();
+   $('.browsetable th strong.content').qtip();
 });
diff --git a/admin/styles/default/adminstyle.css b/admin/styles/default/adminstyle.css
@@ -553,6 +553,11 @@ a.optoutemail {
     color: orange;
 }
 
+/* Browse response css */
+#resulttableform{ /* get head allway */
+	width:100%;
+	overflow:auto;
+}
 .browsetable {
     border: 1px solid;  
     border-color: #D2E0F2 #8195BA #8195BA #D2E0F2;
@@ -562,6 +567,16 @@ a.optoutemail {
 .browsetable tr:hover { 
     background-color: #C5D0F2;
 }
+.browsetable td span.content{
+	display:block;
+    height:3em;
+    overflow:hidden;
+}
+.browsetable th strong.content{
+	display:block;
+    height:4em;
+    overflow:hidden;
+}
 
 .quotalist,
 .addquotaanswer,