search

ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

RadListView template is not reacting to css class #1402

Open vytautas-pranskunas- opened 4 years ago

vytautas-pranskunas- commented 4 years ago

I am building messaging applicaion. I have standard swipe left / right template. when I apply properties like backgroundColor all works good but if i try to add backgroundColor through css - it i snot applied. However it reacts to widthe set in css

css

.accept-view {
    width: 100;
    background-color: $primary;
}

.decline-view {
    width: 100;
    background-color: $cherry;
}

<GridLayout *tkListItemSwipeTemplate columns="auto, *, auto" class="gridLayoutLayout">
            <StackLayout id="accept-view" col="0" class="accept-view" (tap)="onLeftSwipeClick($event)">
                <Label text="&#xea10;" class="swipeTemplateLabel" verticalAlignment="center"
                    horizontalAlignment="center" class="icon icon-big"></Label>
            </StackLayout>
            <StackLayout id="decline-view" col="2" class="decline-view" (tap)="onRightSwipeClick($event)">
                <Label text="&#xea0e;" class="swipeTemplateLabel" verticalAlignment="center"
                    horizontalAlignment="center" class="icon icon-big"></Label>
            </StackLayout>
        </GridLayout>

image

and with code:

<GridLayout *tkListItemSwipeTemplate columns="auto, *, auto" class="gridLayoutLayout">
            <StackLayout id="accept-view" col="0" (tap)="onLeftSwipeClick($event)" backgroundColor="green" width="100">
                <Label text="&#xea10;" class="swipeTemplateLabel" verticalAlignment="center"
                    horizontalAlignment="center" class="icon icon-big"></Label>
            </StackLayout>
            <StackLayout id="decline-view" col="2" (tap)="onRightSwipeClick($event)" backgroundColor="red" width="100">
                <Label text="&#xea0e;" class="swipeTemplateLabel" verticalAlignment="center"
                    horizontalAlignment="center" class="icon icon-big"></Label>
            </StackLayout>
        </GridLayout>

image