RadListView with tkGroupTemplate with inner content scroll horizontal

Question

Tell us about the problem

I am trying to horizontally set the content that is grouped with the function of but is not possible, because all content is horizontal.

Which platform(s) does your issue occur on?

Both

Please tell us how to recreate the issue in as much detail as possible.

<RadListView
    [items]="dataItems"
    #productsListView
    [groupingFunction]="grouping"
>
    <ng-template tkListItemTemplate let-item="item">
        <StackLayout orientation="horizontal" width="100%">
            <MDCardView width="100" height="100">
                <Image stretch="aspectFill" [src]="item.image"></Image>
            </MDCardView>
        </StackLayout>
    </ng-template>

    <ng-template tkGroupTemplate let-category="category">
        <GridLayout columns="*, auto" ios:height="50">
            <Label
                col="0"
                style="font-weight: bold; font-size: 24"
                [text]="category"
            ></Label>
            <Label
                col="1"
                style="font-size: 12; color: gray;"
                text="Ver más"
            ></Label>
        </GridLayout>
    </ng-template>

    <ListViewGridLayout
        tkListViewLayout
        itemHeight="100"
        scrollDirection="Horizontal"
    ></ListViewGridLayout>
</RadListView>

Use a ScrollView in group template. – Manoj Sep 22 '19 at 03:45 — Manoj, Sep 22 '19 at 03:45
@Manoj any example please_? – Alan Neri Sep 23 '19 at 00:05 — Alan Neri, Sep 23 '19 at 00:05

score 0 · Answer 1 · answered Sep 23 '19 at 06:17

0

Try ScrollView within tkGroupTemplate

<ng-template tkGroupTemplate let-category="category">
    <GridLayout>
        <ScrollView orientation="horizontal" scrollBarIndicatorVisible="false">
            <Label class="m-5 h2" [text]="category"></Label>
        </ScrollView>
    </GridLayout>
</ng-template>

Playground Sample

answered Sep 23 '19 at 06:17

Manoj

21,753
3
20
41

Modified the preview to show an example similar to mine, with your ScrollView changes but the behavior remained the same, I can't do the horizontal scroll – Alan Neri Sep 23 '19 at 14:32

RadListView with tkGroupTemplate with inner content scroll horizontal

1 Answers1