javascript - How can I insert vertical scrollbar in Titanium -
i'm building application titanium
now want set scrollview in 1 window because content of windows big of device. want insert scrollview , show vertical scrollbar.
so i'm building code:
<alloy> <window id="indexwindow" orientation="titanium.ui.upside_portrait" fullscreen="false"> <scrollview id="scrollview" showverticalscrollindicator="true" showpagingcontrol= "true" showhorizontalscrollindicator="true" height="80%" width="80%"> <view class="container" layout="vertical"> <!-- title --> <label id="titledatianagrafici" class="labeltitle" ></label> <!-- personal data --> <tableview id="form_table" height="titanium.ui.size"> <tableviewrow id="name_row" class="row_item" layout="horizontal"> <label id="name_label" class="label" /> <label text="mario" class="labeldata"/> <label id="surname_label" class="label" left="20px"/> <label text="rossi" class="labeldata"/> </tableviewrow> <tableviewrow id="name_row" class="row_item" layout="horizontal"> <label id="address_label" class="label" /> <label text="via cereate 8, milano" class="labeldata"/> </tableviewrow> <tableviewrow id="name_row" class="row_item" layout="horizontal"> <label id="phone_label" class="label"/> <label text="333111222" class="labeldata"/> </tableviewrow> </tableview> </view> </scrollview> </window> </alloy>
but can't see vertical scrollbar.
you must use height property of view.
<window id="indexwindow" orientation="titanium.ui.upside_portrait" fullscreen="false"> <scrollview id="scrollview" showverticalscrollindicator="true" showpagingcontrol= "true" showhorizontalscrollindicator="true" height="80%" width="80%"> <view class="container" layout="vertical" height="2000"> <!-- title --> <label id="titledatianagrafici" class="labeltitle" ></label> <!-- personal data --> <tableview id="form_table" height="titanium.ui.size"> <tableviewrow id="name_row" class="row_item" layout="horizontal"> <label id="name_label" class="label" /> <label text="mario" class="labeldata"/> <label id="surname_label" class="label" left="20px"/> <label text="rossi" class="labeldata"/> </tableviewrow> <tableviewrow id="name_row" class="row_item" layout="horizontal"> <label id="address_label" class="label" /> <label text="via cereate 8, milano" class="labeldata"/> </tableviewrow> <tableviewrow id="name_row" class="row_item" layout="horizontal"> <label id="phone_label" class="label"/> <label text="333111222" class="labeldata"/> </tableviewrow> </tableview> </view> </scrollview> </window>
by default view takes size of parent scrollview never appear.
Comments
Post a Comment