Telerik Forums
Kendo UI for Angular Forum
1 answer
26 views

When I select the "selectAll" checkbox, only the quantity number from the "pageSize" property is selected. When I scroll through the grid, the new visible rows are not selected and the previous rows are no longer selected.

Here is an example of a stackblitz:

https://stackblitz.com/edit/angular-tybn6w?file=src%2Fapp%2Fapp.component.ts

Martin
Telerik team
 answered on 08 Jan 2024
1 answer
176 views

Hi,

I have 2 queries on multiselect using drag selection.

1. When 'Multiple' option is set to 'false' in SelectableSettings of Treelist, auto scrolling happens when we reach the end of treelist visible in viewport.

When 'Multiple' option is set to 'true' in SelectableSettings of Treelist and multiple rows are selected using drag selection, auto scrolling not working. we need to use the mouse wheel to scroll through the treelist. Is there a way to make auto scrolling work while selecting multiple rows?

can be replicated in below example too.

https://www.telerik.com/kendo-angular-ui/components/treelist/selection/

in this example, disable 'Multiple'. Do a drag selection, auto scroll works as we move down

Enable 'Multiple' option, auto scroll does not work as we move down.

 

2. When selecting multiple rows using mouse drag selection and scroll(using mouse wheel), the marquee selection also moves along with that, but when the drag selection is released all the rows(even which are not in the viewport) are selected. Do we have any fixes planned for this?

https://www.telerik.com/kendo-angular-ui/components/treelist/selection/

here when we enable 'Multiple' option and do a drag selection while scrolling using mouse wheel, Marquee rectangle moves and covers only the rows displayed in viewport. after releasing drag selection, we could see that all rows which are not visible in view port are also selected.

Martin
Telerik team
 answered on 03 Feb 2023
0 answers
77 views

Hello,

Is there a way to disable the Scrollview's swipe on mobile? We have a Scrollview inside of another Scrollview. We are wanting to stop the main Scrollview from moving, so the additional Scrollview does not try to move along with the main Scrollview.

Please let me know if you need additional information, and I will get back to you as soon as possible, thank you in advance.

Bryant
Top achievements
Rank 1
 asked on 14 May 2022
1 answer
330 views

Hello,

I've been working towards creating a scrollview with content inside of the div area. Some information fits, however, when scrolling to new information the scrollview does not allow for height: auto;

below is an example of what my code looks like. I am needing to replace the height with an auto height, to make sure that the content that displays is viewable regardless of the height.

<kendo-scrollview class="scrollview addr-height" [data]="AddressData" [width]="'100%'" [height]="'500px'" [endless]="true" [arrows]="true">
        <ng-template let-item="item">
            <kendo-card-panel>
                <div header>
                    <strong><span>{{ AddressData.indexOf(item) + 1 }}&nbsp;/&nbsp;{{ AddressData.length }}</span></strong>
                    <button class="btn" (click)="selectAddress(item)">Ok</button>
                </div>
                <div always-display class="addr-block">
                    <div class="row">
                        <label class="col-6">Address Type: </label>
                        <label class="col-6">{{ item.ADDRESS_TYPE }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Address: </label>
                        <label class="col-6">{{ item.ADDRESS_LINE_1 }}<br>{{ item.ADDRESS_LINE_2 }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Primary: </label>
                        <label class="col-6">
                            <kendo-checkbox [(ngModel)]="item.PRIMARY_ADDRESS" [valuePrimitive]="true" [disabled]="true"></kendo-checkbox>
                        </label>
                    </div>
                    <div class="row">
                        <label class="col-6">Admin Contact: </label>
                        <label class="col-6">{{ item.ADMIN_CONTACT }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Billing Contact: </label>
                        <label class="col-6">{{ item.BILLING_CONTACT }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Phone: </label>
                        <label class="col-6">{{ item.PHONE }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Fax: </label>
                        <label class="col-6">{{ item.FAX }}</label>
                    </div>
                </div>
            </kendo-card-panel>
        </ng-template>
    </kendo-scrollview>

 

Please let me know if you have more questions, as this is throwing me for a loop. Unfortunately, I am a new designer, and my coding skills are not yet what they need to be. I am assuming that this can be corrected inside of the TypeScript/JavaScript files.

Preslava
Telerik team
 answered on 02 May 2022
1 answer
206 views
I have a Scroll view component displaying a lot of images one by one (whenever you click the next or previous button the image changes) and i've been wondering : Is it possible to Force Scrolling to a Selected Element without clicking on the next/previuos button . I mean i can create a button (not related to the Kendo Scroll but related to one of the images) and whenever i click, it will scrolll automatically to that image. It is possible with Kendo for JQUERY when Handling the change event but i haven't found anything for angular.
Valentin
Telerik team
 answered on 08 Apr 2022
1 answer
88 views

alos when endless scrolling enabled. Do we need to implement from Backend side ? Is there any examples available to check ?

 

Thanks.

Svet
Telerik team
 answered on 12 May 2021
1 answer
93 views
going from 3.24.0 to 3.25.0 in the material theme causes the scrollview images to be visible off to the sides of the viewer.  You can see this in your demo site.
Svet
Telerik team
 answered on 18 Dec 2020
1 answer
65 views

Hi,

is there any way to implement a zoom with the kendo scrollview? For example the zoom could be implmented through scrolling with the mousewheel when hovering over the image.

I tried using an external library called ngx-image-zoom however it seems to have some compatibility issues when used together with the scrollview. The pages are always cut of at the bottom, so a part of the content is not visible. Any help is greatly appreciated.

Kind regards,

Serhat

 

Martin
Telerik team
 answered on 20 May 2020
5 answers
602 views

How does one make the image responsive using the scroll-view component?  Here is my current code:

<kendo-scrollview
*ngIf="hasMedia"
[data]="items"
[width]="width"
[height]="height"
[arrows]="true"
[pageable]="true">
<ng-template let-item="item">
<h2 class="demo-title">{{item.title}}</h2>
<img src='{{item.url}}' alt='{{item.title}}' draggable="false" />
</ng-template>
</kendo-scrollview>
Dimiter Topalov
Telerik team
 answered on 26 Aug 2019
1 answer
46 views

Hi,

I am wondering if we can use the ScrollView using hardcoded items instead of using the [data] property.

Eg. in using kendo-tabstrip...

<kendo-tabstrip>                    
                    <kendo-tabstrip-tab [selected]="true">
                        <ng-template kendoTabTitle>
                                       title
                        </ng-template>
                        <ng-template kendoTabContent>

                                  markup here with stylings
                        </ng-template>
                    </kendo-tabstrip-tab>

</kendo-tabstrip>

 

Thank you in advance and Regards,
Rex

Dimiter Topalov
Telerik team
 answered on 30 May 2019
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?