[add] example of content with scroll, #3

webix-hub · Feb 25, 2015 · 7c0cab2 · dandv · Apr 27, 2015 · 7c0cab2
1 parent 6ca6f8e
commit 7c0cab2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/client/fullscreen.js b/client/fullscreen.js
@@ -43,7 +43,10 @@ if (Meteor.isClient){
 				},
 				{ header:"Meteor Data Binding", body:{
 					id:"t2", view:"reactive", template: "allinfo" }
-				}
+				},
+				{ header:"Content with Scroll", body:{
+					id:"t2", view:"reactive", template: "longinfo" }
+				},
 			]
 		};
 

diff --git a/client/info.html b/client/info.html
@@ -15,4 +15,13 @@ <h4>Book info</h4>
 			<li>Author: {{author}}</li>
 		{{/each}}
 	</blockquote>
+</template>
+
+<template name="longinfo">
+	<blockquote>
+	01<br>02<br>03<br>04<br>05<br>06<br>07<br>08<br>09<br>10<br>
+	11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
+	21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>
+	31<br>32<br>33<br>34<br>35<br>36<br>37<br>38<br>39<br>40<br>
+	</blockquote>
 </template>
diff --git a/public/webix-meteor.js b/public/webix-meteor.js
@@ -150,7 +150,8 @@ webix.protoUI({
 	name:"reactive",
 	$init:function(){
 		this.$ready.push(this.render);
-		this.$view.className += " webix_selectable";
+		this.$view.className += " webix_selectable ";
+		this.$view.style.overflow = "auto";
 	},
 	render:function(){
 		this.$view.innerHTML="";