Languages

Menu
Sites
Language
TAU - Snap List View not working properly

Hi All,

I am Steve, a newbie in Tizen,

It is my new post for this forum,
I am wondering if any of you have encounter a problem submitting the web application for tizen in samsung gear s2 without 3g,
I test with my samsung gear s2 with 3G, it is working fine, even the tag:

<input type="email"  & <ul class="ui-listview ui-snap-listview expand-list" id="snapList">

is working in my 3G Gear S2, but apparently when they run in the test device, it is not working, I attach video demo of my failed submission,
the demo scenario is like this


there are 10 items in snap listview, the user scroll by hand to the bottom
the last 4 items content are :

txtp
txtp1
thanks
thanks 558

1. when the cursor at the bottom, the snaplistview content in the middle is showing the right content, -> showing thanks 558
Cursor was indicated by >>
       thanks
 >>  thanks 558

2. when the user rotate up, the snaplistview content in the middle should show thanks right, but it is showing thanks 558, and the row below it still thanks 558

       txtp1
 >>  thanks   (in the reality it is showing thanks 558)
       thanks 558
3. when the user rotate up again, the snaplistview content in the middle should show txtp1 right, but it is showing "thanks" , and the row below changed to thanks

       txtp
 >>  txtp1   (in the reality it is showing thanks)
       thanks

in short, the snaplistview when scrolled down/up the current content in the middle is showing incorrectly, and the row below it, is showing the correct one.
the result that should appear is each row should showing their own data, not copying the below content.


I am using Tizen SDK version 2.3.1, and when I looked at lib/tau/VERSION it gives me 0.10.29-13
nsConfig.fileName = 'tau';
ns.version = '0.10.29-13';

I hope there will be a solution for this, since we are not able to get Samsung Device to test our app,

 

Hence I got this error from QA,

[Display Error] Event titles display wrong when display in the midle of the screen

<Defect>
Event titles display wrong when display in the midle of the screen

<Procedure>
1. Execute app
2. 'Stop Event' > More Menu > 'Event List' > 'Check event name'

<Expected Result>
Event name should be displayed correct all the time

 

 

Note : I have samsung galaxy gear s2 3G version, it is working flawlessly

I can't upload video in here, thats weird

Best Regards

Steve

Edited by: Steve Dj on 30 Sep, 2016
List

Responses

4 Replies
Iqbal Hossain

Hi~

I tried to understand your problem but couldn't. Please provide video or screen shot. 

If you can't upload image/video here, upload these on other site and provide the links. 

 

-Thanks

 

Steve Dj

Hi Iqbal Hossain.

thank you for answering my question at least,

I have tried to attach video link my attachment, the filename is snaplistview.txt,

are you able to see it?

 

Steve Dj

[video:https://www.dropbox.com/s/h8k85my04agncza/DefectSnapListView.mp4?dl=0]

 

Iqbal Hossain

Hi~

After watching your video i have understand your problem.  You can try like this, 

               <ul class="ui-listview">
    			<li class="li-has-multiline">
				<a>
					txtp
					<span class="ui-li-sub-text li-text-sub">13.09-7.43</span>
				</a>
			</li>
			<li class="li-has-multiline">
				<a>
					txtp1
					<span class="ui-li-sub-text li-text-sub">13.09-7.47</span>
				</a>
			</li>
			<li class="li-has-multiline">
				<a>
					thanks
					<span class="ui-li-sub-text li-text-sub">13.09-7.52</span>
				</a>
			</li>
			<li class="li-has-multiline">
				<a>
					thanks 558
					<span class="ui-li-sub-text li-text-sub">13.09-7.57</span>
				</a>
			</li>
                </ul>

and add these css in your style file. 


.ui-listview li.li-has-multiline {
    padding-top: 6px;
	padding-bottom: 5px;
	min-height: 100px;
}
.ui-listview.ui-snap-listview li.li-has-multiline {
	padding-top: 17px;
	padding-bottom: 17px;
	min-height: 108px;
	line-height: normal;
}

.ui-listview.expand-list li.li-has-2line .ui-li-sub-text{
	-webkit-transform: translate(0, -20px);
	opacity: 0;
}
.ui-listview.expand-list li.li-has-2line.ui-snap-listview-selected .ui-li-sub-text{
	-webkit-transform: translate3d(0, 0, 0);
	opacity: 1;
	-webkit-transition: all ease 1s;
}

.ui-listview li .li-text-sub {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 32px;
}

.ui-listview .li-text-sub-right-icon {
	width: calc(100% - 34px);
}

.ui-listview .li-has-radio.disabled,
.ui-listview li.li-has-multiline.li-has-radio.disabled,
.ui-listview li.li-has-multiline.li-has-radio.disabled .li-text-sub,
.ui-listview li.li-has-multiline.li-has-checkbox.disabled,
.ui-listview li.li-has-multiline.li-has-checkbox.disabled .li-text-sub {
	color: rgb(51, 51, 51);
}


.ui-listview li.li-has-next-depth.disabled,
.ui-listview li.li-has-next-depth.disabled a,
.ui-listview li.li-has-next-depth.disabled .li-text-sub {
	color: rgb(51, 51, 51);
}