javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 11:42:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Include test for listview with separator color

Browse Source
This commit is contained in:
SvetoslavTsenov
2017-02-20 14:17:10 +02:00
committed by vakrilov
parent 70b2ab2f54
commit 06908de826
3 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/app/ui-tests-app/css/listview.ts
View File

@ -1,6 +1,6 @@
export function loaded(args) {
var items = [];
for (var i = 0; i < 100; i++) {
for (var i = 0; i < 5; i++) {
items.push("name" + i);
}
args.object.bindingContext = { items: items };

21
apps/app/ui-tests-app/css/listview.xml
View File

@ -1,7 +1,16 @@
<Page loaded="loaded">
<ListView items="{{ items }}">
<ListView.itemTemplate>
<Label text="{{ $value }}" style="text-transform: uppercase; text-decoration: underline;" />
</ListView.itemTemplate>
</ListView>
</Page>
<StackLayout>
<Label text="lightskyblue separator"></Label>
<ListView items="{{ items }}" style="separator-color:red; background-color:lightskyblue">
<ListView.itemTemplate>
<Label text="{{ $value }}"/>
</ListView.itemTemplate>
</ListView>
<Label text="transparent separator"></Label>
<ListView items="{{ items }}" style="separator-color:transparent; background-color:transparent">
<ListView.itemTemplate>
<Label text="{{ $value }}" />
</ListView.itemTemplate>
</ListView>
</StackLayout>
</Page>

1
apps/app/ui-tests-app/css/main-page.ts
View File

@ -38,6 +38,7 @@ export function pageLoaded(args: EventData) {
examples.set("all-non-uniform-border", "css/all-non-uniform-border");
examples.set("margins-paddings-with-percentage", "css/margins-paddings-with-percentage");
examples.set("list-picker", "css/list-picker");
examples.set("listview", "css/listview");
examples.set("padding-and-border", "css/padding-and-border");
examples.set("border-playground", "css/border-playground");