Titanium JIRA Archive
Appcelerator Community (AC)

[AC-5136] Ti.UI.ScrollView is not showing inside Listview template

GitHub Issuen/a
TypeBug
Priorityn/a
StatusClosed
ResolutionInvalid
Resolution Date2017-08-13T23:37:19.000+0000
Affected Version/sn/a
Fix Version/sn/a
Componentsn/a
Labelsn/a
Reporterjack sparrow
AssigneeShak Hossain
Created2017-08-11T11:18:38.000+0000
Updated2017-08-13T23:37:20.000+0000

Description

Hi i am trying to add scrollview inisde listview template , this scrollview has 1 child ( imageview ) i want to show the image with its good deminsions not bad scale , but the scrollview is not showing at all , when i use normal view its show but scrollview not showing ?
var basketProductTempalte = {
    childTemplates: [{   type    	   : 'Ti.UI.View', 
				      			  bindId	 	   : 'parent',         
				     			  properties : {            
				               							  width  : Ti.UI.SIZE,
				               							  height : Ti.UI.SIZE, 
				          		 					  },
				      			 childTemplates : [{type   	  : 'Ti.UI.View',
				       										  bindId	  : 'freeparent', 
								       						  properties  : { width    : Ti.UI.FILL,
								               		      							height   : Ti.UI.SIZE, 
								               		      							 right     : 10,
								               		     							 left       : 10,
								               		    							 top	     : 10,
								               		    							 bottom : 10,
								               		     							 backgroundColor : "white"
								          		   								     },
								        				    childTemplates : [{type   	: 'Ti.UI.View',
												          							   bindId	    : 'vparent', 
												       	 							   properties : {            
																					               		       width     : Ti.UI.SIZE,
																					               		       height    : Ti.UI.SIZE, 
																					               		       top		 : 0,
																					               		       layout     : 'vertical',
																					               		      backgroundColor : "pink"
																					          		      },
																					   childTemplates : [{type   	    : 'Ti.UI.View',
												       	 							 							   properties : { width     : Ti.UI.FILL,
																					               		     						    height    : Alloy.Globals.views.getScreenHeight() * 0.25, 
																					               		     							top		 : 0,
																					               		    						    layout     : 'horizontal',
																					               		    						    backgroundColor : "red"
																					          		     							   },
																					   								childTemplates : [{type   	: 'Ti.UI.ScrollView',
																					   														   bindId: 'scrollView',
																					   									 						properties : { width   			  	  : "20%",
																																									 height  				   : Ti.UI.FILL , 
																																									 top						   : 0,
																																									 contentWidth 		   : Ti.UI.FILL,
																																									 contentHeight		   : Ti.UI.SIZE,
																																									 scrollingEnabled     : false,
																																									 backgroundColor   : "green",
																																								},
																					   															childTemplates : [{type   	: 'Ti.UI.ImageView',
																					   																						bindId	: 'image',	
																					   																						properties : { width   			  	: Ti.UI.SIZE,
																																																 height  				: Ti.UI.FILL , 
																																									 							 image					: "",
																																									 							 top : 0 , 
																																									 							 left : 0,
																																									 							 backgroundColor   : "black",
																																																},	
																					   																						}
																					   															]}//End of image holder
																					   															,{type   	: 'Ti.UI.View',
																					   															 properties : { width   			  	   : "80%",
																																									  height  				   : Ti.UI.FILL , 
																																									  top						   : 0,
																																									  layout				       : "vertical",
																																									  backgroundColor   : "blue",
																																								  	 },
																					   															childTemplates	:[
																					   															
																					   															
																					   																					]}//end of information text handler
																					   								]}//End of horizontal parent product details
																					   								,{type   	: 'Ti.UI.View',
																					   								  bindId	    : 'hbuttonparent',
																					   								  properties : { width     : Ti.UI.FILL,
																					               		     						       height    : 50, 
																					               		     							    top		 : 0,
																					               		    						       layout     : 'horizontal'
																					          		     							     },	
																					   								childTemplates : [
																					   
																					   
																					   
																					   															
																					   								]}//end of bottom horizontal parent action buttons
															]}//end vParent
								        				   ]//end free parent					 		   
				      					  }]//end parent 	
				      }]//end childTempaltes
};

Comments

  1. Motiur Rahman 2017-08-12

    Hello [~jackSparrow], It's not a bug. Item templates only support the following view classes: Titanium.UI.ActivityIndicator Titanium.UI.Button Titanium.UI.ImageView Titanium.UI.Label Titanium.UI.ProgressBar Titanium.UI.Slider Titanium.UI.Switch Titanium.UI.TextArea Titanium.UI.TextField Please take a look following doc links - http://docs.appcelerator.com/platform/latest/#!/guide/ListViews-section-src-37521650_ListViews-ItemTemplate Hope this helps

JSON Source